如何在不创建错误的情况下使用数据角色定义新div？

Question

下午好，

我目前正在尝试创建一个能够动态生成新div的Jquery-mobile页面。但是，每当我创建一个具有数据角色的新div时，控制台都会抱怨它无效。

也就是说，以下代码给出了一个错误：

var div = document.createElement("div");
div.data-role = "page";   <-- Erroneous Line

我试图广泛搜索，但遗憾的是我似乎无法找到解决此问题的方法。

Answer 1

您的div变量是一个JavaScript对象。对象属性不能连字，这就是代码出错的原因。

但是你不想修改Element对象的属性，你想要修改它所代表的HTML标签的属性。这可以使用setAttribute函数

来完成

像这样，

div.setAttribute("data-role","page");

Read More Here