第十七天(2018-08-22)
css:什css的属性content有什么作用呢?有哪些场景可以用到?
js:"attribute"和"property"有什么不同?
第一题:
置换元素是指:浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如:浏览器根据标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。
-
非置换元素:浏览器中的大多数元素都是不可置换元素,即其内容直接展示给浏览器。例如标签,
标签里的内容会被浏览器直接显示给用户。
面试当中问到的置换元素
第二题:
经常搭配:after和:before使用
第三题:
在操作 DOM 时,我们经常会操作 attribute 和 property。不过从两者的所属关系上来说: property 属于 DOM Object,而 atrribute 属于 HTML。
property 通常比较容易获取,并且有固定的值(当然,类似 JavaScript 的对象,我们可以添加自定义的值,只是这些不会被 DOM 所认识)。比如 el.id、el.value、el.style 都是 property 而设置也只需要 el.id=newId 即可。attribute 的值不是固定的,我们可以自己为 DOM 添加需要的属性(以前常常用来存放数据或者标志位,在 HTML5 有了 data-* 的属性后,一般就利用 data-* 来存放数据了)。对于 attribute 的设定和获取我们使用 setAttribute 和 getAttribute 两个方法。
在书写方面 property 对于大小写敏感;而 attribute 对于大小写不敏感。
总的来看 property 的值更偏向于标准而 attribute 的值更偏向于自定义和非标准。
第四题:
看别人的每天一题,掘金,简书 的等等,技术公众号