属性操作

属性操作方式

1. .操作

    元素.属性名  
    例如:input.value、input.id  

注意:如果属性当中带有横杠的话,是取不到属性的。(如:font-size)需要去掉横杠,并且把横杠后面的首字母大写。(如:元素.fontSize)

2. [ ] 操作

    元素[属性名] 
    可以去带横杠的属性

注意:如果我们将属性的名字存成变量的话,也是需要用到中括号来取的。如果取的是属性名,那么属性名需要加引号;如果是变量名,则不用加引号。

value属性:表单的值

html代码:
input type="button" id="btn" value="按钮" />
js代码:
var btn=document.getElementById('btn');
console.log(btn.value)  //按钮

className:元素的类名

注意:class是js的保留字,所以不允许使用。在需要获取class的时候,要使用className来获取

innerHTML:

  1. 获取到一个标签内的所有内容
  2. 如果标签当中有其他的标签,那么一样会被拿到
  3. 如果在给元素增加的innerHTML内容中有html标签,那么则会被解析成为一个真正的标签。
html代码:
<div id="box"><div>123</div></div>
js代码:
var box=document.getElementById('box');
console.log(box.innerHTML);    //<div>123</div>

href :链接的地址

src :图片、css、js的地址

注意:href与src取到的都是绝对地址,不是我们平时所用的相对地址,所以不能拿href和src取到的值取判断。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 属性操作,是针对html标签属性进行的操作。 html attribute对应一个DOM property:每个h...
    Blackdooog阅读 273评论 0 0
  • 列宁是我大学同学,只记得他姓张,大名已经记不清了。甘肃人,人长得精瘦,二十岁就已经谢顶,记得入学报到时穿一件...
    西红柿炒辣椒阅读 804评论 0 1
  • 这是一本静静的书,一本孤独的书,一本寂寞的书。是一本一个人的书,要求你放下心来,思考一下自己,与这位常常与孤独为伴...
    雪花_0e34阅读 219评论 0 0
  • 昨天,东方卫视 晚剧场《欢乐颂2》大结局了。 一年总结一年成长,大家都说得那么好。 我呢,也想说点什么。 半年多了...
    爱娇阅读 953评论 0 0