Question

任何人都可以解释在javascript中添加的最佳做法吗？

var element = document.createElement('p');
element.innerHTML = 'This is appended' ;
var div = document.getElementById('div');
div.appendChild(element);

或

var div = document.getElementById('div');
div.innerHTML = '<p>This is appended</p>';

我看到很多人在jQuery中这样做：

$('#div').append('<p>This is appended</p>');

但我总是这样做：

var element = document.createElement('p');
element.innerHTML = 'This is appended' ;
$('#div').append(element);

提前谢谢

Answer 1

如果你正在使用jQuery，那绝对没有错：

$('#div').append('<p>This is appended</p>');

代码少，步骤少。

Answer 2

IMO，当您使用DOM时，将其视为DOM而不是字符串。

换句话说，不要使用标记来创建元素或文本节点。使用DOM创建方法。

document.getElementById('div')
        .appendChild(document.createElement('p'))
        .appendChild(document.createTextNode('This is appended'));

微软的.innerHTML发明可能很有吸引力，也许有点紧张，但我通常会避免它。

您可以使用帮助程序减少上述方法的详细程度。

Answer 3

我通常使用jQuery构建一个元素。

var paragraph = $("<p />", {
  className : "someClass",
  text : "this is appended"
})


div.append(paragraph)

我认为这种方法比直接注入HTML更受欢迎，因为它对DOM的侵扰性较小。

Javascript追加;什么是最佳做法？

3 个答案: