コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript DOM ノードの追加例_JavaScript のヒント

JavaScript DOM ノードの追加例_JavaScript のヒント

WBOY
リリース： 2016-05-16 16:41:53
オリジナル
1365 人が閲覧しました
<!DOCTYPE html> 
<html> 
<body> 

<div id="div1"> 
<p id="p1">这是一个段落。</p> 
<p id="p2">这是另一个段落。</p> 
</div> 

<script> 
var para=document.createElement("h1"); 
var node=document.createTextNode("这是新段落。"); 
para.appendChild(node); 
//将node里面的str放到h1段落中 
//使之成为<h1>这是新段落</h1> 

var element=document.getElementById("div1"); 
element.appendChild(para); 

//将para放到div中 

</script> 

</body> 
</html>
ログイン後にコピー
関連ラベル：
DOM节点
ソース：php.cn
前の記事：NodeJS での ECMAScript 6 の有効化の概要 (windos および Linux)_node.js 次の記事：jsのさまざまなタイプの変数はif条件でtrueかfalseですか_javascriptのヒント
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
ルート ノードのリスト項目シンボル (<ul> および <ol>) は CSS で表示および削除できず、overflow-x: hidden の問題は解決できません。 現在、Web ページの作成に取り組んでいますが、リスト項目に問題があります。通常、各リスト項目の横に表示されるドットと数字は表示されません。また、CSS プロパティの overfl...
から 2024-04-04 16:38:22
0
1
3617
単純な Hello world プログラムは複数のノード インスタンスを作成します 私は Javascript と NodeJS についてはまったくの初心者です。次のように単純な helloworld プログラムを実行しています: 1constdurationIn...
から 2024-04-04 11:03:22
0
1
310
ランダムキーを使用してネストされた値に基づいて Firebase リアルタイムデータベースからノードを削除します 次の構造を持つライブデータベースがあります: "keys":"randomUserId1":"randomKey1":t...
から 2024-04-03 18:10:45
0
2
332
Postman はパラメーターを使用する場合、ノードの個々の詳細を表示できません 私の反応プロジェクトでは、パラメーターを使用して詳細ページに単一の詳細を取得する必要がありますが、応答が郵便配達員に送信されません。リクエストを送信した後、Postman インデッ...
から 2024-04-02 19:59:35
0
1
284
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート