Question

Javascript createElement()无法在Chrome中运行，但它适用于IE和Firefox。为什么？

Answer 1

它工作正常，使用此代码：

var catDiv = document.createElement("div");
catDiv.innerHTML = "Test";
document.body.appendChild(catDiv);

另一个工作示例（如果你的HTML中有一个Id = myTableBody的元素）

var appendingTo = document.getElementById("myTableBody");
var tr = document.createElement("tr");
tr.setAttribute("name", "i");
appendingTo.appendChild(tr);

Answer 2

var name = document.createElement("Div" );

会奏效。之后您可以添加

等属性

name.colSpan="2";
document.body.appendChild(name);

注意：请勿尝试使用createElement("<div />")之类的尖括号。它不适用于Chrome。

编辑：修复上面代码中的语法问题。应该有一个点而不是逗号。

Answer 3

因为你的代码搞砸了，“createElement”没有错：

<html>
    <head>
        <meta charset = "utf-8">

        <title></title>

        <script>
            window.onload = function () {
                for (var i = 0; i < 100; i ++) {
                    var div = document.createElement ("div");
                        div.style.border = "1px solid black";
                        div.style.margin = "20px";
                        div.style.padding = "10px";

                    document.body.appendChild (div);
                }
            }
        </script>

        <style></style>
    </head>

    <body></body>
</html>

enter image description here

Answer 4

所以我也无法让createElement("DIV")在Chrome中工作。在阅读 Caio的帖子并测试提供的代码后，我发现了我做错了什么。

在w3schools.com上，他们提供的示例始终使用所有大写字母中的标记名称。 "DIV"，这是我使用它的方式，效果不佳。

在我自己的代码中从 "div" 更改为 require 'rails_helper' RSpec.describe User, type: :model do describe 'associations' do it { should have_many(:created_projects) } it { should have_many(:collaborations) } it { should have_many(:projects) } end describe 'validations' do it do should validate_presence_of(:name). with_message("People will want to know who you are. Please include your name.") end it { should validate_presence_of(:email) } end end 后，它立即起作用。

谢谢Caio。

Answer 5

在this问题上查阅我的答案。我有一个类似的问题。我正在使用createElement创建新的输入框，并遇到了同样的问题。

Javascript createElement（）无法在Chrome中运行

5 个答案: