JSDOM基础

通过 id 查找 HTML 元素

var x=document.getElementById("intro");

通过标签名查找 HTML 元素

var x=document.getElementById("main");

var y=x.getElementsByTagName("p");

通过类名找到 HTML 元素

var x=document.getElementsByClassName("intro");

改变 HTML 内容

修改 HTML 内容的最简单的方法是使用 innerHTML 属性。修改 HTML 内容的最简单的方法是使用 innerHTML 属性。

document.getElementById(id).innerHTML=新的 HTML内容

改变 HTML 属性

如需改变 HTML 元素的属性，请使用这个语法：

document.getElementById(id).attribute=新属性值、

改变 HTML 样式

如需改变 HTML 元素的样式，请使用这个语法：

document.getElementById(id).style.property=新样式

常见DOM操作

查看节点

创建和增加节点

删除和替换节点

获取属性节点

Attributes[“属性名”]

访查看/修改属性节点

getAttribute("属性名")

setAttribute("属性名","属性值")

创建和增加节点

创建和增加节点 的方法

createElement（）：创建节点 

appendChild（）：末尾追加方式插入节点

insertBefore（）：在指定节点前插入新节点

cloneNode（）：克隆节点

删除和替换节点

removeChild（）：删除节点

replaceChild( ) ：替换节点

实现如下效果

   

   

   

   

   

   

       

           

               

                   

                   

               

           

           

                   

                       

                       

                   

                   

                       

                       

                   

                   

                           

                           

                   

                   

                               

                               

                           

           

       

书名	价格
看得见风景的房间	￥30.00
我是你爸爸1	￥70.00
我是你爸爸2	￥70.00
我是你爸爸3	￥70.00

        增加一行

       

删除第二行

       

修改表格样式

       

复制最后一行