JavaScript核心技术学习笔记（3）——DOM进阶

首先分享一个写程序时的小技巧：

一般情况下，代码里面的字符串是不能换行的，但是当代码很长的时候，为了增加可读性，我们在字符串每一行的末尾加上一个反斜杠（\）就可以了。

DOM进阶

一、HTML属性操作

HTML属性操作，指使用JS来操作一个元素的HTML属性。像下面例子中有一个input元素，指的就是操作它的id、type、value等。

<input id="btn" type="button" value="提交"/>

操作属性的方式有两种，一种是使用“对象属性”，一种是使用“对象方法”，下面分别介绍。

1. 对象属性

获取属性值语法

obj.attr

设置属性值语法

obj.attr = "值";

2. 对象方法

获取属性值语法

obj.getAttribute("attr")

设置属性值语法

obj.setAttribute("attr")

注：很多小伙伴可能会问，为什么JS要提供两种方式来操作HTML属性呢，这岂不是多次一举。其实，他们在很多情况下是等价的，但是当我们为元素自定义一个属性时，这个自定义的属性是用户自己定义的而不是元素自带的，那我们就只能使用“对象方法”的方法，而“对象属性”的方法会出现错误。

删除属性值语法

obj.removeAttribute("attr")

判断属性值有无语法

obj.hasAttribute("attr")

注：这后两种语法是“对象属性”的方法中所没有的

CSS属性操作待更新

JavaScript核心技术学习笔记（3）——DOM进阶

原文：https://www.cnblogs.com/staticxff/p/9692268.html