引导DOM属性- getElementById或$("“)

Bootstrap DOM properties - getElementById or $(" ")?

本文关键字：quot 属性 DOM getElementById 引导      更新时间：2023-09-26

当使用Bootstrap和jQuery时，设置DOM元素属性的最佳方法是什么?

对于id="myDiv"的div，我可以通过两个方法修改它:

  • document.getElementById("myDiv").innerHTML = "test123";
  • $("#myDiv").html("test456");

jsfiddle这里

使用其中一个比使用另一个有什么好处吗?

您可以使用jQuery缩短实际用JavaScript编写的代码的长度。除此之外，它们都是一样的，jQuery只是JavaScript的库而已。

如果你在使用jQuery。

你应该使用

$('#myDiv').html('text');

和JavaScript中的代码是一样的

document.getElementById("myDiv").innerHTML = "test123";

相同的目标，更少的压力和更少的代码。

JQuery是一个第三方库，因此你得到一个依赖(包括法律)。当你使用文档。你会得到更少的依赖，也更少需要考虑许可证、GPL、当我需要更多或出售或某种时该做什么以及其他一切……. .

for me better:

myfunction_changeDivContent(divName,content){
      document.getElementById(divName).innerHTML = content;
}

既然你已经在使用jQuery，我建议，你使用$("#myDiv").html("test456");为您的目的，因为它使代码更统一。没什么大不了的。

相关文章：