web自定义属性获取,以及div的滚动条显示

1、自定义数据属性

    HTML5规定可以为元素添加非标准的属性,但要添加前缀"data-",目的是为元素提供与渲染无关的信息,或者语义信息。
    例:


        <div id="myDiv" data-appId="12345" data-myName="Magi" ></div>
        <script>
            var myDiv = document.getElementById("myDiv");
            var appId = myDiv.dataset.appId;
            var myName = myDiv.dataset.myName;
        </script>

IE并不兼容dataset属性,使用dom1级操作getAttribute(“propertyName”) 获取自定义属性

2、为div添加滚动条

    给div加上overflow属性即可


    语法: 
    overflow : visible | auto | hidden | scroll ; 
    参数: 
    1.visible :不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 
    2.auto :此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条 
    3.hidden :不显示超过对象尺寸的内容 
    4.scroll :总是显示滚动条 

你可能感兴趣的:(web自定义属性获取,以及div的滚动条显示)