js简单的dom操作_js简单dom操作-CSDN博客

本文链接：https://blog.csdn.net/qq_35367612/article/details/52677454

1.通过ID获取元素:

语法:

document.getElementById(“id”)

结果:null或[object HTMLParagraphElement],获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法.

2.innerHTML属性

作用:用于替换或获取HTML元素的内容.

注意:

1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。

2.注意书写，innerHTML区分大小写。

3.连同对象中的标签一同获取.

3.改变HTML的样式

语法:

 	Object.style.property=new style;

基本属性描述:

示例代码:

<body>
  <h2 id="con">I love JavaScript</H2>
  <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
  <script type="text/javascript">
    var mychar= document.getElementById("con");
    mychar.style.color="red";
    mychar.style.background="#ccc";
    mychar.style.width="300px";
  </script>
</body>

4.display属性

影藏或显示选择的dom对象

语法:Object.style.display=value;

value的值可以是:(参数需要带引号)

none:隐藏

block:显示内容