js中的剔除数据绑定语法（不是HTML）

Question

我了解我可以在dom中使用以下语法创建绑定：

 <span id="namespan" data-bind="text: personName"> 

这里的工作示例： https : //jsfiddle.net/m14mohda/

但是我可以在js中创建这样的span元素吗？ 即使用类似的东西：

createSpans = function (){
    var s = document.createElement('span')
    s.id = "namespan"
    s.data-bind ="text: personName" -----> ????
    document.body.appendChild(s)
}

Answer 1

DOM元素API提供了两种方法。 适用于任何自定义属性的更通用的方法是使用setAttribute方法。

var s = document.createElement('span');
s.setAttribute("someAttribute", "someValue");
s.setAttribute("data-bind", "text: personName");
document.body.appendChild(s);

创建元素

<span someAttribute="someValue" data-bind="text: personName"></span>

特别是对于以数据为前缀的属性，规范包括速记属性访问器dataset 。

var s = document.createElement('span');
s.dataset.someAttribute = "someValue"; // won't work as expected       
s.dataset.bind = "text: personName";
document.body.appendChild(s);

创建元素

<span data-someAttribute="someValue" data-bind="text: personName"></span>

因此，您可以看到dataset将数据前缀视为理所当然。 然后，通过剥离数据部分，可以通过dataset访问和分配数据属性值。