Question

我的html元素包含一些内联样式以及自定义css属性。现在我可以访问每个样式属性，但不能访问我的自定义样式属性。

这是我的代码。

<img id="myimg" class="ImgClass" style="overfolow:hidden;position:absolute;mycustomProp:100;top:15;left:20">

这里我无法获得mycustomProp。

任何帮助？

Answer 1

document.getElementById("myimg").getAttribute("style")检索属性。

document.getElementById("myimg").setAttribute("style",<string>)可用于更改它。

Answer 2

http://jsfiddle.net/phrjwgxk/

alert(getCustomStyle("myimg","mycustomProp"));


function getCustomStyle(theId,theStyle) {
    var styles=document.getElementById(theId).getAttribute("style").split(';');
    var astyle;
    for(var i=0;i<styles.length;i++) {
        astyle=styles[i].split(':');
        if(astyle[0]==theStyle) return (astyle[1]);
    }
    return undefined;
}

Answer 3

检查

$("#myDiv").hasAttribute(name)

获取

$("#myDiv").getAttribute(name)

设置

$("#myDiv").setAttribute(name)

删除

$("#myDiv").removeAttribute(name)

javascript如何获取html样式的自定义属性值

3 个答案: