DOM操作学习与总结-创新互联

Dom操作

创新互联建站拥有十多年成都网站建设工作经验,为各大企业提供成都网站建设、做网站服务，对于网页设计、PC网站建设（电脑版网站建设）、手机APP定制开发、wap网站建设（手机版网站建设）、程序开发、网站优化（SEO优化）、微网站、域名与空间等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验，集策划、开发、设计、营销、管理等网站化运作于一体，具备承接各种规模类型的网站建设项目的能力。

（1）属性操作：html元素由一个标签和一组称为属性的名/值对组成，比如：元素，它的href属性值作为链接的目的地址。

   操作属性有俩种方法：1）直接利用函数，getAttribute()；setAttribute()；2)使用对象.属性值，来进行操作属性，取值或者设置值，简单操作代码如

     （2）内容操作：

          a)innerText:操作开始标签与结束标签之间的纯文本，对象.innerText=”所要设置的文本内容”，对象.innerText获得文本内容，但是innerText在Firefox中不支持，其他浏览器中都可以使用，而在Firefox,使用textContent来代替innerText.

          b)innerHTML:操作开始标签与结束标签之间的内容，包括标签和文本。

          c)outerHTML:操作开始标签与结束标签之间的内容，包括标签与文本，还有对象的标签。

举例子如下：

   

在使用innerText获得标签内的内容，如下图显示为“我是链接的内容”

当把代码中的alert（aObj.innerHTML）使用后，效果图如下：包含标签与内容文本一起取出。

当把代码中的alert（aObj.outerHTML）使用后，效果图如下：包含对象本身标签与，之间的标签，内容文本一起取出。

这个是使用innerText设置标签内的内容，如下图：

通过aObj.innerHTML=”

内容

”设置内容时，会把标签与内容一起解析，最后生成相对应效果的文本图，

现在，通过上面的三个例子，应该清楚了这三个的区别。

（3）样式操作：对象.style.backgroundColor=”red”;设置对象的背景颜色为红色。

               对象.fontSize=“20px”；设置对象的字体为20px.

               对象.className=”test”; 设置对象有test类的属性。

               对象.className=” ”;  清除对象设置的类属性样式。

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享文章：DOM操作学习与总结-创新互联
文章转载：http://cxhlcq.com/article/ipjjh.html