javascript getElementById の使用法と use_javascript スキル

document.getElementById("link").href;
document.getElementById("link").target;
document.getElementById("img") .width;
document.getElementById("img").height;
document.getElementById("input").value;

を取得する方法a> ; の間の値はどうなるでしょうか?たとえば、

aaa

の aaa と bbb の bbb も非常に簡単です。 innerHTML 以上:
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
getElementById メソッド
は、指定された ID 属性値を持つ最初のメソッドを返します。オブジェクトへの参照。
構文
oElement = document.getElementById(sIDValue)
パラメータ
sIDValue は必須です。 ID 属性の値を示す文字列
戻り値
指定された値と同じ ID 属性値を持つ最初のオブジェクトを返します。
注意
ID がコレクションに属している場合、getElementById メソッドはコレクション内の最初のオブジェクトを返します。
getElementById メソッドは、all コレクションに対して item メソッドを使用するのと同じです。たとえば、次のコード サンプルは、ドキュメント オブジェクトから ID oDiv を持つ最初のフィーチャを取得する方法を示しています。
DHTML オブジェクト モデルを使用する:
var oVDiv = document.body.all.item("oDiv");
ドキュメント オブジェクト モデル (DOM) を使用する:
var oVDiv = document.getElementById("oDiv") ");
例
次の例は、getElementById メソッドを使用して、最初に出現した ID 属性値 oDiv を返す方法を示しています。
<script> <br>function fnGetId(){ <br>// コレクション内の最初の DIV 要素を返します。 <br>var oVDiv=document.getElementById("oDiv1"); <br></script>

ディビジョン #1

ディビジョン #2

;DIV ID="oDiv3">Div #3

getElementById メソッド
指定された ID 属性値を持つ最初のテキスト ボックスを返します。たとえば、Web ページに text1 という ID を持つテキスト ボックスがあります。
getElementById(text1) は、この text1 ボックスのオブジェクトを取得し、すべてのプロパティとメソッドを使用できます。テキスト ボックスの
これは JS メソッドであり、フォーム内のテキスト、ラベルなどの要素の値をコントロール ID を通じて取得することを意味します。これらはすべて FORM の要素であり、ID が割り当てられています。 getElementById() はこれらのテキスト値を取得します。
これは JS メソッドであり、テキストやラベルなどを含むフォームなど、コントロール ID を通じて要素の値を取得することを意味します。これらはすべて FORM の要素であり、getElementById() によって取得される ID が割り当てられます。これら 要素のテキスト値。
プログラム例

<table width="60%" id="myTable" border="1"> <tr> <td>行1 单元格1</td> <td>行1 单元格2</td> </tr> <tr> <td>行2 单元格1</td> <td>行2 单元格2</td> </tr> <tr> <td>行3 单元格1</td> <td>行3 单元格2</td> </tr> </table> <form> <input type="button" onclick="alignRow()" value="右对齐第一行文字"> </form>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ] アタッチメント一度に 1 ユニットずつ整列します

<table id="myTable" border="1" width="100%"> <tr> <td>单元格1</td> <td>单元格2</td> </tr> <tr> <td>单元格3</td> <td>单元格4</td> </tr> </table> <form> <input type="button" onclick="alignCell()" value="居中对齐第一个单元格的内容"> </form>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

Change Colspan の値

<table id="myTable" border="1"> <tr> <td colspan="4">单元格1</td> <td colspan="4">单元格2</td> </tr> <tr> <td>单元格3</td> <td>单元格4</td> <td>单元格5</td> <td>单元格6</td> <td>单元格7</td> <td>单元格8</td> <td>单元格9</td> <td>单元格10</td> </tr> </table> <form> <input type="button" onclick="setColSpan()" value="改变colspan值"> </form>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]