js简单的dom操作

来源：互联网发布：香港警匪片推荐知乎编辑：程序博客网时间：2024/05/22 13:08

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:显示内容

0 0