動的に作成されたテーブルのイベント実装コード cell_javascript スキル

WBOY
リリース: 2016-05-16 18:56:47
オリジナル
899 人が閲覧しました

コードは次のとおりです。
var tableElem = document.getElementById("MyTable");
var tbodyElem = tableElem.getElementsByTagName("tbody")[0];
var trElem = document.createElement("tr) ");
var td1 = document.createElement("td");
td1.onclick = "EditCell()";

td1.width = "45%";
td1 .innerText = " ";
trElem.appendChild(trElem);
alert(tbodyElem.innerHTML); このコードは tr と td を動的に作成します。 , そして、tdにはonclickイベントが設定されていますが、実はtdがクリックされた時点ではEditCell関数は呼び出されません。その後、 td1.onclick = "EditCell()"; は正常に呼び出される前に td1.attachEvent("onclick",EditCell) に変更されました。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!