//获取元素的4种方式:
//通过id name className tagNameh(标签名)获取元素
// 返回值
//id :id属性值 ele(元素)
//name: name名称 collection(集合)
//className: 类名称 collection
//tagName: 标签名称 collection
//
//可以通过上述四个关键字,获取元素的innerHTML,innerText,value(value为表单独有)三个值属性
//innreHTML和innerText是不同,innerHTML会获取大双标签之间的所有内容,包括其中包括的其他标签,例如span;innerText则只会获取双标签之间的内容,其他标签会自动忽略。
//id
var divId = document.getElementById("dv");
console.log(divId.innerText);
console.log(divId.innerHTML);
//name
var divName = document.getElementsByName("dv")[0];
console.log(divName.innerText);
console.log(divName.innerHTML);
//classname
var divClassName = document.getElementsByClassName("dv")[0];
console.log(divClassName.innerText);
console.log(divClassName.innerHTML);
//tagName
var divtagName = document.getElementsByTagName("div")[0];
console.log(divtagName.innerText);
console.log(divtagName.innerHTML);
//通过tagName获取表单的value值
var inputTagName = document.getElementsByTagName("input")[0];
console.log(inputTagName.value);
JavaScript获取属性及属性值
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 如果需要在JavaScript中设置元素的属性值,通常是比较简单的,只需通过obj.style.[attr]就可以...
- document.getElementby* 句柄无法获取属性值,而queryselector()则可以使用css...