この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
ch_html_js [2025/03/12 17:56] klab |
ch_html_js [2025/03/14 10:58] (現在) klab |
||
---|---|---|---|
ライン 9: | ライン 9: | ||
</code> | </code> | ||
- | 生成されたオブジェクトは「root:dom:タグ名」の子オブジェクトとなり、プログラム中のタグの部分は実行時には「root:dom:タグ名!"文字列"create」のように変換されて実行される。 | + | /*生成されたオブジェクトは「root:dom:タグ名」の子オブジェクトとなり、プログラム中のタグの部分は実行時には「root:dom:タグ名!"文字列"create」のように変換されて実行される。*/ |
HTMLオブジェクトはメソッドやプロパティを持ち、タートルと同様に操作できる。既存のHTMLオブジェクトから新しいオブジェクトを作ることもできる。 | HTMLオブジェクトはメソッドやプロパティを持ち、タートルと同様に操作できる。既存のHTMLオブジェクトから新しいオブジェクトを作ることもできる。 | ||
ライン 15: | ライン 15: | ||
<code> | <code> | ||
テスト=<span>テキスト</span>。 | テスト=<span>テキスト</span>。 | ||
- | テスト!"red" backgroundColor。 | + | テスト!"red" 背景色。 |
テスト2=テスト!作る。 | テスト2=テスト!作る。 | ||
</code> | </code> | ||
ライン 28: | ライン 28: | ||
2. メソッド呼び出しで設定する方法 | 2. メソッド呼び出しで設定する方法 | ||
+ | |||
+ | この例ではspanタグを作り、id属性にhogeを、CSSのcolorプロパティにblueを設定している。 | ||
<code> | <code> | ||
- | 要素=<span></span>。 | + | 要素=<span>テキスト</span>。 |
- | 要素!"hoge" id。 | + | 要素!"hoge" 識別子。 |
- | 要素!"blue" color。 | + | 要素!"blue" 文字色。 |
</code> | </code> | ||
ライン 38: | ライン 40: | ||
<code> | <code> | ||
- | 要素=<span id="hoge"></span>。 | + | 要素=<span id="hoge">テキスト</span>。 |
- | 値=要素!id?。 | + | 値=要素!識別子?。 |
</code> | </code> | ||
ライン 58: | ライン 60: | ||
項目1=<li>りんご</li>。 | 項目1=<li>りんご</li>。 | ||
項目2=<li>みかん</li>。 | 項目2=<li>みかん</li>。 | ||
- | リスト!(項目1)子要素追加。 | + | リスト!(項目1)入れる。 |
- | リスト!(項目2)子要素追加。 | + | リスト!(項目2)入れる。 |
</code> | </code> | ||