Question

HTML：

<table id="table">"
</table>
<input type="text" id="text1">
<input type="text" id="text2">
<input type="text" id="text3">
<button onclick="addRow()">Add Row</button>

添加行功能：

function appendRow() {
    var table = document.getElementById("table");
    {
      var row = table.insertRow(-1);
      var cell1 = row.insertCell(0);
      cell1.innerHTML = "<p onclick=\"bold()\">words</p>;

    }
}

目前为空的粗体功能

function bold() {

}

当单击单元格中的文本时，我想将其设为粗体，但由于动态创建单元格内容缺少id值，我不太确定如何执行此操作。 / p>

我该怎么做？

Answer 1

试试这个：

//add parameter into onclick trigger function
cell1.innerHTML = "<p onclick=\"bold(this)\">words</p>";

function bold(obj){
    //using the innerHTML to change content
    obj.innerHTML = '<b>' + obj.innerHTML + '</b>';
    // OR using CSS
    obj.style.fontWeight = "bold"; //thx René Roth comments
}

Answer 2

cell1.innerHTML = "<p onclick=\"bold(this)\">words</p>;

<强>脚本：

function bold(obj) {
 obj..style.fontWeight="bold";
}

使用Javascript单击时，使动态创建的单元格的内容变为粗体

2 个答案: