美文网首页
js操作style属性、js操作class、js中括号操作属性

js操作style属性、js操作class、js中括号操作属性

作者: 栀心_d553 | 来源:发表于2019-12-25 15:49 被阅读0次

style属性中的样式属性,带"-"号的需要去掉"-"号,写成小驼峰式

            例如:font-size属性要写为fontSize

js操作class

由于class是js中的保留关键字,所以设置class属性时,要写为className


js中括号操作属性

通过[]操作属性可以写变量

    var attr = 'color';
        // oDiv.style[attr] = 'red';
        /* 通过[]操作属性可以写变量 */
        oDiv['style'][attr] = 'red';  !!相当于 oDiv.style[attr] = 'red';

通过innerHTML可以读写元素包括的内容

alert(oDiv.innerHTML);
    ------------------------------------------------------
oDiv2.innerHTML = "<a href='http://www.baidu.com'>百度网</a>";//向div标签中插入超链接标签

document.write和innerHTML的区别

        document.write只能重绘整个页面
        innerHTML可以重绘页面的一部分

相关文章

网友评论

      本文标题:js操作style属性、js操作class、js中括号操作属性

      本文链接:https://www.haomeiwen.com/subject/hxmcoctx.html