HTML标记中的Javascript

我想在HTML标记中引用Javascript变量，如下所示：

<ul data-target="#{this.state.name}"></ul>

---

但这似乎不是有效的语法。我知道这在Coffeescript中是可能的，但是Javascript中有类似的语法吗？我正在使用ES6。

您应该删除引号。并将#与state.name值合并

<ul data-target={"#" + this.state.name}></ul>

您应该删除引号。并将#与state.name值合并

<ul data-target={"#" + this.state.name}></ul>

我认为没有一些框架是不可能的，例如角度

另一方面，您可以使用普通javascript设置元素的属性：

document.getElementById("my-thingy").setAttribute("data-target", "someStateName");

---

我认为没有某种框架是不可能的，例如角度

另一方面，您可以使用普通javascript设置元素的属性：

document.getElementById("my-thingy").setAttribute("data-target", "someStateName");

---

您似乎正在寻找允许您在ES6中进行字符串插值的方法。相当于

“”

会是

`<ul data-target="${this.state.name}"></ul>`

`
`

您似乎正在寻找允许您在ES6中进行字符串插值的方法。相当于

“”

会是

`<ul data-target="${this.state.name}"></ul>`

`
`

如医生所说

HtmleElement.dataset属性允许在读和写操作中进行访问 写入模式，写入到上设置的所有自定义数据属性（data-*） 元素。它是DOMString的映射，每个自定义数据对应一个条目 属性

参考：

使用DOM元素上的dataset属性获取整个dataset对象

var eleDOM = document.getElementById('list');

eleDOM.dataset

获取单个属性

修改各个数据属性

//使用DOM元素上的dataset属性获取整个dataset对象。
var eleDOM=document.getElementById（'列表'）
log（eleDOM.dataset）；
//获取单个属性
log（eleDOM.dataset.data1）；
//修改各个数据属性
eleDOM.dataset.data1=“已修改”


如医生所说

HtmleElement.dataset属性允许在读和写操作中进行访问
写入模式，写入到上设置的所有自定义数据属性（data-*）
元素。它是DOMString的映射，每个自定义数据对应一个条目
属性

参考：

使用DOM元素上的dataset属性获取整个dataset对象

var eleDOM = document.getElementById('list');

eleDOM.dataset

获取单个属性

修改各个数据属性


//使用DOM元素上的dataset属性获取整个dataset对象。
var eleDOM=document.getElementById（'列表'）
log（eleDOM.dataset）；
//获取单个属性
log（eleDOM.dataset.data1）；
//修改各个数据属性
eleDOM.dataset.data1=“已修改”

您希望HTML标记的“this.state”是什么？这到底是HTML还是JavaScript中的字符串文字？您希望HTML标记的“this.state”是什么？这是HTML还是JavaScript中的字符串文字？