HTML元素的属性

标签：常用   test   显示   html5   唯一值   dde   移动   lan   上下   

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‘)

HTML元素的属性

标签：常用   test   显示   html5   唯一值   dde   移动   lan   上下   

原文地址：https://www.cnblogs.com/mamifeng/p/12579389.html