Step2:
vdsで読み上げる文字列の抽出
ページ中の要素をJavaScriptから取り出すには、div要素やspan要素で文字列を囲んで、適当なid属性をつけておくと便利です。
<div id="readOutHere">
こんにちは、世界
</div>
上の例のように指定された範囲は、以下のような方法で取り出すことができます。
var buf = (document.getElementById("readOutHere")).innerHTML;
id属性で指定された要素は、getElementByIdで取り出します。 引数には先ほどdiv要素で指定したid属性"readOutHere"を渡します。さらに、ここでは要素の中に含まれる文字列を取得したいので、プロパティinnerHTMLを参照して、変数bufに代入しています。