Question

我看到了一段这样的代码：

var pl = document.createElement('tr');
...
pl.file = f;
pl.onclick = function(e){
    if(e && e.button == 1){
        pl.parentNode.removeChild(pl);
    }else{
        var url;
        if(window.createObjectURL){
            url = window.createObjectURL(f)
        }else if(window.createBlobURL){
            url = window.createBlobURL(f)
        }else if(window.URL && window.URL.createObjectURL){
            url = window.URL.createObjectURL(f)
        }else if(window.webkitURL && window.webkitURL.createObjectURL){
            url = window.webkitURL.createObjectURL(f)
        }                      
        $("player").src = url;
        $("player").play();
    }
}

这是一个音频播放器。我在想tr元素是否有文件属性？我在互联网上搜索但什么都没有。

Answer 1

不，<tr>元素没有file属性。这意味着您不应该编写以下（无效）HTML：

<tr file="http://example.com/file.txt">

您可以使用data-file作为属性的名称，在HTML5中做一些非常接近的事情，然后它才有效。

<tr data-file="http://example.com/file.txt">

但你没有在你的标记上（大概），你只是拿一个代表<tr>的JavaScript对象，并添加一个属性 - 不是属性 。要操纵实际属性（例如data-file），您必须使用setAttribute和getAttribute。

带有文件属性的Html5 tr

1 个答案: