Question

在这里，我试图更改附加按钮元素的内部属性。

我尝试使用innerHtml属性。但这并没有给我预期的结果。

这是我的代码段。

function userAction(){

  }

    function createElementWithText(tag, text) {
    var elm = document.createElement(tag);
    elm.textContent = text;
    return elm;
  }

    function createElementWithAttributeText(tag, text, attribute) {
    var elm = document.createElement(tag);
    elm.textContent = text;
    elm.innerHTML = attribute;
    return elm;
    }


   var tr = document.createElement('tr');
   var td = document.createElement('td');
   var button = document.createElement('button');



   tr.appendChild(createElementWithText('td', userName));
   tr.appendChild(createElementWithText('td', userEmail));
   tr.appendChild(createElementWithText('td', userPassword));
   tr.appendChild(createElementWithAttributeText('button', 'Reveiew', 'type="button" onclick="userAction()" class="btn btn-primary mt-4"'));

实际上，我的期望是<button type="button" onclick="userAction()" class="btn btn-primary mt-4">Review</button>。

但是结果是<button>type="button" onclick="userAction()" class="btn btn-primary mt-4"</button>。

有人可以帮我解决这个问题吗？

Answer 1

也许是这样吗？

function userAction(){

  }

    function createElementWithText(tag, text) {
    var elm = document.createElement(tag);
    elm.textContent = text;
    return elm;
  }

    function createElementWithAttributeText(tag, text, attribute) {
    var elm = document.createElement(tag);
    elm.textContent = text;
    elm.innerHTML = attribute;
    return elm;
    }


   var tr = document.createElement('tr');
   var td = document.createElement('td');
   var button = document.createElement('button');



   tr.appendChild(createElementWithText('td', userName));
   tr.appendChild(createElementWithText('td', userEmail));
   tr.appendChild(createElementWithText('td', userPassword));
   var newbtn=createElement('button')
   newbtn.setAttribute('type','button')
   newbtn.setAttribute('onclick',userAction)
   newbtn.setAttribute('class','btn btn-primary mt-4')
   newbtn.innerHTML='Review'
   tr.appendChild(newbtn)

我希望这会对您有所帮助！

如何将内部属性添加到附加标签元素（从Firebase数据库到表的附加数据）中？

1 个答案: