DOM操作HTML

最新推荐文章于 2023-05-22 19:17:14 发布

bymyself11

最新推荐文章于 2023-05-22 19:17:14 发布

阅读量245

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/bymyself11/article/details/51058835

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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  οnclick="a()">button</button>
</body>
</html>