1

これまでのところ、あまり好まない 2 つの方法を知っています。

var newText = document.createTextNode("New Text");
someDiv.appendChild( newText );

またはこの方法：

someDiv.innerText = "New Text";
someDiv.innerHtml = <em>"New Text"</em>; //or something like this I forget the exact syntax.

css スタイルを使用して画像のようなテキストを配置する方法はありませんか? 私の好ましい方法は次のようなものです：

var newText = document.createTextNode("New Text");
someDiv.appendChild( newText );
newText.style.position = "absolute";
newText.style.top = "150px";
newText.style.left = "300px";

特定の場所に配置したいテキストごとに新しいdivを作成せずにこれが可能かどうかは誰にもわかりますか? そのようなものは見つかりませんでした。

余談ですが、テキストのためだけに 50 個の div を作成することは、不適切なコーディングと見なされますか?

情報をお寄せいただきありがとうございます。下手な質問で申し訳ありません

編集：

みんなの助けに感謝します。次のように完全にうまくいくようです：

    var testSpan = document.createElement("span")
    testSpan.innerText = "Testing";
    someDiv.appendChild(testSpan);
    testSpan.style.position = "absolute";
    testSpan.style.left = "500px";
4

2 に答える 2

1

className to the div各 div のスタイルを設定する代わりに、 a を追加してみませんか。

newText.className = "newDiv";

.className {
     position : absolute;
     top      : 150px;
     left     : 300px;
}

特定の要素をターゲットにするには、スタイルを適用する要素内で定義する必要があります。したがって、対応する txt を保持するコンテナとして機能する要素を作成する必要があります。

于 2013-06-05T23:20:03.910 に答える
1

div や span を作成しなくても、標準ではブラウザに任意のフリー テキスト要素の周りに匿名のインライン ボックスdocument.createElement("span")を作成するように命令します。心配する必要はありません。Susanth が示唆するように className を使用してください。それらを配置すると、明示的なボックス要素に値します。

于 2013-06-05T23:23:41.740 に答える