Question

说我有2个html文件，index.html和example.html，它们都使用script.js。如果要在脚本中使用类似document.createElement("p");的语句，该如何指定要在其中创建段落的html文件？

Answer 1

执行此操作的一种方法是使用类/ ID。无论是基于第一个HTML还是第二个HTML的DOM，JavaScript文件都可以在加载的任何DOM上使用。

如果要执行此操作，从理论上讲，您可以在一个HTML文件上具有特定的ID，而在另一个HTML文件上具有另一个ID。您的JS文件可以将段落添加到具有该ID的节点上，但前提是该ID实际上在DOM上。

但这远非理想。

Answer 2

如果您不希望在包含JS文件的每个HTML文件中创建元素，则应根据需要从HTML文件中调用代码。例如，您将在HTML文件中添加一个<script>块来调用createMyElement，而createMyElement将成为共享JS文件中的一个函数。

Answer 3

您打算在哪里插入段落元素？您可以为每个部分指定不同的ID，然后按照以下步骤进行操作：

function InjectHtmlElement(bodyId, element, modifyBodyCallBack)
{
  let body = ducement.getElementById(bodyId);
  
  if(body == null)
  {
    return
  }
  modifyBodyCallBack(body, element);
}

<body id="first"></body>




<body id="second"></body>

这不是理想的方法，但是会起作用。

Answer 4

通过将node元素附加到所需文件中的元素上。

var p = document.createElement("p");
document.body.appendChild(p);

进一步了解appendChild

如何从多个HTML文件访问Javascript文件

4 个答案: