固有属性（property）

自界说属性（atrributes）

<div id="ml" xx="xx" a="b">

获取div的xx属性值

console.log(div.attributes.getNamedIteam(‘xx‘).nodeValue); console.log(div.attributes.[‘xx‘].nodeValue);

删除div的xx属性值

div.attributes.removeNamedIteam(‘xx‘);

创建div的yy属性

var attr = document.createAttribute(‘yy‘); attr.value = ‘bbq‘ ; div.attributes.setNamedIteam(attr);

布尔属性

<input type = "checkbox">北京 <input type = "checkbox" checked>上海 <input type ="checkbox">广州

除了用checked选中外，还可以

var inputs = document.qureySelectorAll("input"); inputs[1].checked = 1 ; //只要令该表达式为真就可以当选中

<select name="city" id="city"> <option value="北京"> 北京 </option> <option value="上海" selected> 上海 </option> <option value="广州"> 广州 </option> </select>

除了用selected选中外，还可以

var city = document.getElementById("city"); var options = city.options; options[1].selected = true; //只要令该表达式为真就可以当选中

国籍：<input type="text" value="中国" id="country" readonly>

除了用readonly外，还可以

var country = document.getElementById("country"); country.readOnly = true; //只要令该表达式为真就酿成只读

readonly跟disable的区别

readonly可以提交到后端，disable不成以

<select name="city" id="city" multiple> <option value="北京"> 北京 </option> <option value="上海"> 上海 </option> <option value="广州"> 广州 </option> </select>

除了用multiple实现多选外，还可以

var city = document.getElementById("city"); city.multiple = true; //只要令该表达式为真就可以实现多选

<div id="uu" hidden>文字文字文字</div>

除了用hidden进行隐藏外，还可以

var uu = document.getElementById("uu"); uu.hidden = true; //只要令该表达式为真就可以实现隐藏

字符串属性

常见的字符串属性

id、title、href、src、lang、dir、accesskey、name、value、class

W3C全局属性

accesskey、class、contenteditable、dir、hidden、id、lang、spellcheck、style、tabindex、title、translate

data属性

<button id="btn" type="button" data-toggle="12345″ data-xx-yy="67890″>按钮</buttom>

获取data属性的值