ホームページ  >  記事  >  ウェブフロントエンド  >  ノードのコンテンツを動的に form_javascript スキルに追加する JS メソッド

ノードのコンテンツを動的に form_javascript スキルに追加する JS メソッド

WBOY
WBOYオリジナル
2016-05-16 16:14:421588ブラウズ

この記事の例では、Js を使用してノードのコンテンツをフォームに動的に追加する方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

1. コード

コードをコピー コードは次のとおりです:


ノードを追加 <スクリプトタイプ="text/javascript"> function newPicture() {
var picElement = document.createElement("img"); picElement.src = "images/success.jpg"
PicElement.width = 100; PicElement.height = 100; document.body.appendChild(picElement);
}

function newNode() {
var olElement = document.getElementById('answers');
var liElement = document.createElement('li');

var inputElement = document.createElement('input');
inputElement.type = "テキスト"; inputElement.name = "答え"

liElement.appendChild(inputElement); olElement.appendChild(liElement); }






                                                                                                                         






2. プログラムのレンダリング:




この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:Transport.js スキルと jquery_javascript スキル間の競合の解決策次の記事:Transport.js スキルと jquery_javascript スキル間の競合の解決策

関連記事

続きを見る