指定したidの中を変更する_InternetExplorer

2018/08/17

コンテンツ(CONTENT)

指定したidの中を変更する
- 指定したidの中を変更する
- 同名IDが複数ある場合は

指定したidの中を変更する

obj = IE.document.getElementById(ID名)
obj.innerText = 新しいテキスト
obj.innerHTML = 新しいHTML

指定したidの中を変更する

例えば以下の様な構造のWebページがあったとします。idを指定されたいくつかのタグで構成されています。

<p id="res1">The Capital is in Tokyo</p>

<p id="res2">Gold is just a Gold</p>

<p id="res3">You are fine!</p>

<ul id="fruit">

 <li>Banana</li>

 <li>Fig</li>

 <li>Apple</li>

</ul>

<ul id="fruit">

 <li>Kaki</li>

 <li>Lemon</li>

 <li>Cherry</li>

</ul>

getElementByIdでIDを指定することで該当のオブジェクトを取得できますので、そのオブジェクトのinnerTextやinnerHTMLに値をセットすることでIDの中を変更できます。

IE = CREATEOLEOBJ("InternetExplorer.Application")

IE.visible = True

IE.navigate("http://canal22.org/sample0014/")

REPEAT

  SLEEP(0.1)

UNTIL !IE.busy AND IE.readyState = 4

objId = IE.document.getElementById("res2")

objId.innerText = "お金はただのお金です"

PRINT "res2:日本語に変更します"

objId = IE.document.getElementById("res3")

objId.innerHTML = "<font color=red><strong><em>" + objId.innerText + "</em></strong></font>"

PRINT "res3:装飾します"

同名IDが複数ある場合は

上記のWebページではid=”fruit”と指定されている箇所が複数あります。
この場合にgetElementById(“fruit”)で指定したオブジェクトを変更するとどうなるでしょうか
スクリプトは以下のようになります。

IE = CREATEOLEOBJ("InternetExplorer.Application")

IE.visible = True

IE.navigate("http://canal22.org/sample0014/")

REPEAT

  SLEEP(0.1)

UNTIL !IE.busy AND IE.readyState = 4

objId = IE.document.getElementById("fruit")

objId.innerHTML = "<ol>梨</ol><ol>蜜柑</ol><ol>枇杷</ol>"