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