JavaScriptのよくある使い方まとめ_基礎知識
js のデコードとエンコード.html
カウントダウン<タイムスパン; " style="color: red ;">
js は、
js が入力は数値です。html
コードをコピー
コードは次のとおりです:
;
js は、nodes.html を動的に取得、作成、削除します
コードをコピー
コードは次のとおりです:
<メタhttp-equiv="Content-Type" content="text/html; charset=utf-8" />
< type="text/javascript">
function gel(id) { return document.getElementById(id) }
window.onload = function () {
gel("btnProAdd" ) .onclick = function () {
//proList の下に子ノードを追加します
var linew = document.createElement("li");
linew.innerHTML = prompt("追加する都道府県を入力してください ") ;
gel("proList").appendChild(linew);
//すべてのクリック削除イベントを再バインドします
}; li 子ノードを削除するには
function DelLiOnClick() {
//1。まずすべての子ノードを取得します。
var liNodes = gel("proList").childNodes; >for (var i = 0; i
//alert(liNodes[i]).innerHTML;/ / Because onclick は匿名関数にバインドされているため、ここでは常に 7 になります
//以下は正しい削除方法です。onclick イベントは常に
this を選択した li によってトリガーされるため、これを使用します。 .removeChild(this);
}
}
;body>
- 河南 li>
;/html>
js.html での setInterval と setTimeout の使用
コードをコピー
<スパン<スパンid = "timespan" style="color: red;">
add table data.html
コードをコピー
コードは次のとおりです:
<メタhttp-equiv="Content-Type" content="text/html; charset=utf-8" />
<スクリプト タイプ="text/javascript">
var mailArr = [
{ "title": "C# の質問"、"name": "Zhang San"、"date": "2014-03 - 21" },
{ "title": "JavaScript の質問", "name": "李思", "date": "2014-03-21" },
{ "title": " A C question", "name": "五五", "date": "2014-03-21" },
{ "title": "A C question", "name": "Zhao Liu", "date" : "2014-03-21" }
];
window.onload = function () {
var tab = document.getElementById("tb"); / tr
for (var rowindex = 0; rowindex < mailArr.length; rowindex ) {
var tr = document.createElement("tr"); の形式でのテーブルへの mailArr ループ トラバーサル メソッド。 var th1 = document.createElement("th");
var th2 = document.createElement("th");
var th3 = document.createElement("th"); createElement("th");
th1.innerHTML = "";
th2.innerHTML = mailArr[rowindex].title; [rowindex].name;
th4.innerHTML = mailArr[rowindex].date;
tr.appendChild(th2); th3);
tab.appendChild(tr);
}; 🎜>
シーケンス |
タイトル |
送信者 |
送信ファイル時間 |
---|