DOM的搞懂与操作

哦吼， 听说你有点懂JS了那么咱们就来聊聊DOM吧！DOM就像是网页的骨架，你敲敲打打，就Neng让它变得优良kan又优良用。

你比如说你点一下鼠标，网页就会跳来跳去，这就是DOM在发挥作用。它就像是网页和用户之间的桥梁，让网页变得生动起来。

创建元素节点

创建元素节点啊，这就像是在纸上画一个框框。你用jQuery的$符号，就Neng创建一个元素节点了。比如说 你想在网页上放一个列表，你就Neng这样写：

var $li_1 = $;

这样，你就在网页上创建了一个列表项。不过它还在“纸上”，你需要把它放到网页上，这就需要append方法了。

添加子元素

添加子元素啊，就像是把一个纸盒放在另一个纸盒里。你用append方法，就Neng把一个元素节点放到另一个元素节点里面去了。

var $parent = $; // 获取ul节点， li的父节点
$parent.append; // 添加到ul节点中，让它Neng在网页上kan得出来

这样，你的列表项就出眼下网页上了。你也Neng用链式写法， 让代码kan起来geng酷：

$parent.append.append;

获取元素

获取元素啊，就像是你在图书馆里找书。getElementById方法就像是你晓得书的名字，getElementByClassName方法就像是你晓得书的颜色。

比如说 你想找到ID为"myId"的元素，你就这样写：

var $element = $;

Ru果你想找到全部类名为"myClass"的元素，你就这样写：

var $elements = $;

删除元素

删除元素啊，就像是把书从图书馆里拿走。remove方法就像是把书从书架上拿下来然后扔掉。

var $element = $;
$element.remove;

设置元素属性

设置元素属性啊，就像是给书贴上标签。你Neng用attr方法来设置元素的属性。

$element.attr;

操作DOM内容

操作DOM内容啊，就像是给书写上内容。你Neng用innerHTML和innerText属性来获取和设置DOM的HTML内容和文本内容。

$element.html;

或者

$element.text;

优良了今天的DOM标签创建技巧就讲到这里。希望你Neng通过这篇文章，轻巧松掌握DOM标签的创建技巧，让你的网页geng加生动好玩！