HTML元素的属性
HTML元素的属性多以name="value”的形式出现;
常用的属性或者是大多数元素适用的属性有:id,class,style,tiltle;
id:给予元素唯一值,id值不可重复,
class:类值,一般是元素都具有共有样式时适用
style:给元素赋予内敛样式时适用,
title:规定元素的额外信息;
使用方式如下
<div id="content" class="content-syle" title="我是一个div" style="width:50px;height:89px;border:1px solid red"></div>
HTML5新增的属性有:contenteditable、contextmenu、data-*、draggable、dropzone、hidden、spellcheck、translate
contenteditable:规定元素是否可被编辑 ,值为true/false
contextmen:规定元素的上下文菜单。上下文菜单在用户点击元素时显示
data-*:规定元素的私有数据,-*一般是指,例如data-user-list、data-stu-style;是自定义的value值
draggable:元素是否可以拖动
dropzone:元素在拖动的时候被拖动数据时是否进行复制、移动或链接。(值未copy,move、link),目前所有的主流浏览器均不支持
hidden:元素是否隐藏 true/false true时隐藏
spellcheck:元素的拼写和语法检查
translate:规定是否翻译元素中的内容 值未yes/no,目前的主流浏览器均无法正确的支持
<div contenteditable="true" spellcheck="true" id="testId" data-people-type="Children" draggable="true" lang="Chinese" hidden="hidden"></div>
注:获取元素的属性的js方式为:document.getElementId('testId').getAttribute('data-people-type')
设置属性:document.getElementId('testId').setAttribute('class','test')