DOM操作HTML
来源:互联网 发布:百度云用数据上传慢 编辑:程序博客网 时间:2024/06/05 15:16
1.改变HTML输出流:
注意:绝对不要在文档加载完成后使用document.write().这会覆盖该文档
2.寻找元素
通过id找到html元素
通过标签名找到html元素
3.改变html内容
使用属性innerHTML
4.改变HTML属性
使用属性:attribute
事例代码如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM操作htlm</title></head><body> <p id="pid" >world</p> <img src="a.jpg" id="img"> <script> function a() { //document.write("hello");因为a()是在文档加载完后使用输出流的此时p标签的值被覆盖 // document.getElementById("pid").innerHTML="hello"; //c=document.getElementsByTagName("p"); document.getElementById("img").src="b.jpg"; } </script><button onclick="a()">button</button></body></html>
0 0
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- DOM操作HTML文档
- javascript 操作 HTML DOM
- javascript 操作 HTML DOM
- DOM操作HTML文档
- html dom元素操作!
- DOM操作html、css
- DOM操作HTML
- Dom操作html详细
- HTML:DOM操作
- DOM基础及DOM操作HTML
- 【Ajax】DOM基础及DOM操作HTML
- 使用DOM操作HTML文档
- AJAX入门---DOM操作HTML
- AJAX入门---DOM操作HTML
- dom操作val(),text(),html()
- 使用DirectShow打开摄像头 MFC编程
- A string s is LUCKY if and only if the number of different characters in s is a fibonacci number. Gi
- 网页颜色代码对照表
- android ExpandableListView详解
- android基础部分再学习---android处理运行时配置发生变化
- DOM操作HTML
- 几个opengl立方体绘制案例
- POJ3254
- Oracle SQL 查询优化.Part3
- leetcode_102 Binary Tree Level Order Traversal
- 安装centos7图形界面
- 802.11协议
- 算法分析之插入排序——动态数组实现
- 网站选号的规则(我和小福的故事之二补一)