Javascript createElement()
はChromeでは動作しませんが、IEとFirefoxではうまく動作します。どうして?JavascriptのcreateElement()がChromeで動作しない
答えて
このコードを使用し、完璧に働いています:
var catDiv = document.createElement("div");
catDiv.innerHTML = "Test";
document.body.appendChild(catDiv);
あなたのコードBeacause別の実施例(あなたがHTMLのid = myTableBodyを持つ要素を持っている場合)
var appendingTo = document.getElementById("myTableBody");
var tr = document.createElement("tr");
tr.setAttribute("name", "i");
appendingTo.appendChild(tr);
私はdocument.createElement( "
@Rekha: 't = document.createElement( 'tr');'と書いて属性を後で設定する必要があるためです。 2番目:テーブルの行には、とにかく 'name'属性がありません。人々が*本当に*あなたを助けることができるようにあなたの質問にあなたのコードを加えるべきです。 –
が台無しにされ、 "の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>
私の答えはthisです。私も同様の問題がありました。私はcreateElementを使って新しい入力ボックスを作成していて、同じ問題がありました。
var name = document.createElement("Div");
となります。そして、後であなたが
name.colSpan="2";
document.body.appendChild(name);
のような属性を追加することができます
注:createElement("<div />")
ような角度ブラケットを使用しないでください。 Chromeでは動作しません。
編集:上記のコードの構文の問題を修正しました。カンマではなくドットが必要です。
また、私はcreateElement()
をクロームで使用することもできませんでした。 Caioのポストを読んだ後、私が間違っていたことを理解した上でコードをテストしました。
w3schools.comでは、これらの例は常にというタグ名を使用しています。 createElement("DIV")
、それは私がそれを使用していた方法であり、結果は悪いです。
自分のコードで"div"
に"DIV"
から変更した後、それはすぐに働きました。
ありがとうCaio。
- 1. javascriptがchrome-appで動作しない
- 2. Windows 7のChromeでJavascriptのフリップブックアプリケーションが動作しない
- 3. 旧式のjavascriptがChromeとIEで動作しない
- 4. Google ChromeでJavascriptのリサイズ機能が動作しない
- 5. Html5 Chromeが動作しないChrome
- 6. ChromeとFirefoxでJavascript setTimeout-recursionが動作しない
- 7. IIS Request.FormとJavaScript XMLHTTPRequestがFirefoxとChromeで動作しない
- 8. JavaScriptオーディオオブジェクトaddEventListener canplaythroughがIPADで動作しないChrome
- 9. ChromeデベロッパーツールでJavascriptブレークポイントが動作しない
- 10. Javascript getElementフィールドがGoogle Chrome外で動作しない
- 11. JavaScriptがAndroid用Chromeで動作しない
- 12. Chromeで動作し、Chromeで動作しない配列比較
- 13. Chromeのアップデート後にJavaScriptが動作しない
- 14. Chrome拡張機能のJavaScriptプログラムが動作しない
- 15. chrome.webRequestがChromeで動作しない17
- 16. Chromeでローカライゼーションが動作しない
- 17. addEventListenerがChromeで動作しない
- 18. window.onbeforeunloadがChromeで動作しない
- 19. @ font-faceがchromeで動作しない
- 20. xml jqueryがChromeで動作しない
- 21. Chromeでwebkit-transitionが動作しない
- 22. jQueryがChromeで動作しない18
- 23. ChromeでCSSファイルが動作しない
- 24. DropDownListコントロールがChromeで動作しない
- 25. CSS3カスケードメニューがChromeで動作しない
- 26. Chromeでネガティブマージントップが動作しない
- 27. Google ChromeでXSLが動作しない
- 28. アニメーションがChromeで動作しない
- 29. ジオロケーションがChromeで動作しない
- 30. window.print()がChromeで動作しない
@davidこれは答えであって、コメントではないはずです;-) –
それは何であれ問題を解決しません。これは「近似:実際の問題ではない」問題ではなく、「これは解決策です」問題ではありません。 – Quentin