DOM对象的简单操作

1：在JavaScript中通过id值来获取元素，

语法为document.getElementById("标签的id的值"),   <p id="txt"> TXT </p>    var lll=document.getElementById("txt");这样子变量lll中就获取了标签p。

通过对变量lll的操作就可以对<P>标签操作，比如改变颜色字体等等。

因为id的值是唯一的，每个标签的id值都不一样，所以通过id值来获取元素十分准确。

2,通过id获取的元素来操作HTML。

1):可以获取 改变标签内的值。

语法document.getElementById("id的值").innerHTML;这样子就可以获取到指定id的值得标签内的HTML内容。

将这个内容重新赋值就可以实现对标签里面的内容的改变。

2) 可以改变HTML的属性。

例： <a id="aid" href="http://www.baidu.com"> aaa</a>  document.getElementById("aid").href这样子就可以获取href属性的内容。

同理将它赋值document.getElementById("aid").href="http://www.hao123.com";这样子HTML中的超链接就会变成修改后的啦。

document.getElementById().属性的名字="改变后属性的值".

这就将跳转属性的值改变了。

也可以改变照片的属性将href换成src新的属性值也是照片形式就可以啦。

3通过id获取的元素来操作CSS

我们可以定义一个变量将获取到的元素赋值给它。

var lll=document.getElementById("");

我们就可以对lll进行操作啦。

对HTML的样式也就是CSS来改变了。

语法：lll.style.需要改变的属性="new style";  

例：lll.style.color="red";style后面的是需要改变哪些方面的样式比如颜色字体等等，后面将新的属性的值赋给变量就可以做到改变HTML的样式也就是旧的样式被新的样式所覆盖啦。

还可以对HTML的内容进行隐藏和显示的设置，

语法是lll.style.display=value;lll还是通过id获取的标签元素。当value=none时；就是隐藏了内容 value=block；就是显示块级元素也就是显示内容啦。

同时通过id值所获取的元素的类名也是可以修改的。

document.getElementById("").className=new classname;

这样做的目的可以提前针对类名来进行HTML的样式的编写。比如类名为one的标签内的元素CSS属性在<style>内书写出来。然后将别的标签的类名更改就可以完成对CSS样式的更改，将原类名改成新的类名，那么CSS样式也就从原先的类名设置的CSS改成新的类名设置的CSS样式;