href では、セミコロンの終わりと終わりの引用符に注意してください
<a>空链接</a><a>弹出</a>
通常、コーディングする必要はありません。通常は空のままにしても問題ありません。空の場合はシャープ記号 '#' も使用しますが、あまり良くありません。
<style>#div1 {width:100px; height:100px; border:1px solid black;}.box {background:red;}</style><script>function toRed()
{var oDiv=document.getElementById('div1');
oDiv.className='box'; //不要写成class
}</script><input><div>
<p>1。 getelementbyId は id に接続されていますが、クラスに接続するメソッドがありません。 <br></p>
<div class="cnblogs_code" style="padding: 5px; border: 1px solid rgb(204, 204, 204); border-className と href の例の詳細な説明: none; background-color: rgb(245, 245, 245);"></div>
<p></p>
<table width="809" class="dataintable" style="margin: 15px 0px 0px; padding: 0px; border: 1px solid rgb(170, 170, 170); border-className と href の例の詳細な説明: none; text-align: left; text-transform: none; line-height: normal; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; border-collapse: collapse; -ms-word-break: normal; orphans: 2; widows: 2; background-color: rgb(253, 252, 248); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px;">getElementById()<tbody style="margin: 0px; padding: 0px; border: 0px currentcolor; border-className と href の例の詳細な説明: none;"> <tr style="margin: 0px; padding: 0px; border: 0px currentcolor; border-className と href の例の詳細な説明: none; background-color: rgb(245, 245, 245);" class="firstRow">
<td style="margin: 0px; padding: 6px 15px 6px 6px; border: 1px solid rgb(170, 170, 170); border-className と href の例の詳細な説明: none; line-height: normal; vertical-align: text-top; -ms-word-break: normal;"><span style="font-size: 10.5pt;"><span style="text-decoration: none;">Return 指定された ID を持つ最初のオブジェクトへの参照。 </span></span></td>
<td style="margin: 0px; padding: 6px 15px 6px 6px; border: 1px solid rgb(170, 170, 170); border-className と href の例の詳細な説明: none; line-height: normal; vertical-align: text-top; -ms-word-break: normal;"><span style="font-size: 10.5pt;"></span></td>getElementsByName()</tr>
<tr style="margin: 0px; padding: 0px; border: 0px currentcolor; border-className と href の例の詳細な説明: none; background-color: rgb(255, 255, 255);">
<td style="margin: 0px; padding: 6px 15px 6px 6px; border: 1px solid rgb(170, 170, 170); border-className と href の例の詳細な説明: none; line-height: normal; vertical-align: text-top; -ms-word-break: normal;"><span style="font-size: 10.5pt;"><span style="text-decoration: none;"> 指定された名前を持つオブジェクトのコレクションを返します。 </span></span></td>
<td style="margin: 0px; padding: 6px 15px 6px 6px; border: 1px solid rgb(170, 170, 170); border-className と href の例の詳細な説明: none; line-height: normal; vertical-align: text-top; -ms-word-break: normal;"><span style="font-size: 10.5pt;"></span></td>getElementsByTagName()</tr>
<tr style="margin: 0px; padding: 0px; border: 0px currentcolor; border-className と href の例の詳細な説明: none; background-color: rgb(245, 245, 245);">
<td class="no_wrap" style="margin: 0px; padding: 6px 15px 6px 6px; border: 1px solid rgb(170, 170, 170); border-className と href の例の詳細な説明: none; line-height: normal; vertical-align: text-top; white-space: nowrap; -ms-word-break: normal;"><span style="font-size: 10.5pt;"><span style="text-decoration: none;"> 指定されたタグ名を持つオブジェクトのコレクションを返します。 </span></span></td>
<td style="margin: 0px; padding: 6px 15px 6px 6px; border: 1px solid rgb(170, 170, 170); border-className と href の例の詳細な説明: none; line-height: normal; vertical-align: text-top; -ms-word-break: normal;"><span style="font-size: 10.5pt;"><p>className に基づいてインデックス スタイルを作成するには、JS を使用する必要があります。getelement の後に 2 番目の属性 '.className' を追加する必要があります。</p>
<p> 追加後、最初に ID を指定したタグは、その ID のスタイルのインデックスを作成するだけではありません。 「シャープ記号」からだけでなく、同時に ID のスタイルのインデックスも作成します。「クラス .</p>
<p><br></p>
<p>2. Getelement.className =' Box '; のスタイルから。 : // 上の例は ODIV と同じです。 ; タグにはすでに属性 class=xxx があり、イベントアクションが関数につながると、class=xxx が class=box に変更されます</p>
<p>If </p>
<div> class =xxx がない場合、スクリプト Create の実行時に組み込まれます。<p> </p>
<div> で style = XXX が指定されていない場合、getelement.style.backgroud も自動的に作成されることを思い出してください<p> getelement + style。 /class/type/href/value などを変更したい場合は追加してください。 非常に便利なので変更しないでください。</p>
<p> - そこにあります。 getelement ['value'] も括弧と引用符の形で使用されます。 (ドット) も同様です。特別な事情がない限り、[' '] は使用されません。 '] が ='width' と仮定した変数を参照すると、['a'] は [' ' width ' '] となります。これは getelement ['attribute'] の概念に準拠しません。</p>
<p>この時の処理方法引用符なしで [a] にすることができます!</p>
<p> - </p>
<p></p>oDiv<p>.className</p>
<p></p>=<p><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">'<span style="background-color: rgb(255, 255, 0);"></span>box</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);">'の代わりにすべてを使用できます。 </span> '<span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"></span>box<span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"></span>'<span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"></span>; <span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"></span></p>複数のレイヤーも可能です、oDiv<p>['style']['width']<span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> = '40px'<span style="background-color: rgb(255, 255, 0);"></span>- ['' を使用する必要があるのはどのような場合ですか]? 関数転送 パラメーターは通常、値に渡すことができますが、属性を表すために属性名に渡す必要がある場合もあります。この場合、['']</span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"></span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"></span>JS 埋め込み HTML 実行シーケンス: <span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"> - イベントアクションを実行します。指定された ID タグを変更する、指定された JS 関数を実行します。 </span><span style="color: rgb(0, 0, 0); background-color: rgb(245, 245, 245);"></span>JS 埋め込み HTML コード記述シーケンス: </p>
<p><span style="background-color: rgb(255, 255, 0);"> - 変更するエフェクトを検討し、指定されたエフェクトタグに ID/クラスをマークします。 、または # を使用して { style} を作成し、ID を呼び出して CSS を変更するロジックを記述し、イベント関数を使用してそれをトリガーします。</span></p>
</div>
</div></span></td>
</tr>
</tbody>
</table>
</div>以上がclassName と href の例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
