はじめまして。innerHTMLで文章を書き換えたいと思っています。 ■■■■■■■■■■■■ 元の文章 ■■■■■■■■■■■■ とするとうまく内の文章が書き換わるのですが、以下のようにjavascriptの記述を先に持ってくるとうまくいきません。 ■■■■■■■■■■■■ 元の文章 ■■■■■■■■■■■■ 検索して調べたところ、「関数化させて id を指定したタグが表示されてから命令を実行させる」必要があるとのことなのですが、書き方がわからずにいる次第です。どなたかご教示いただければ幸いです。

>> >document.getElementById('testid').innerHTML >> = "この文章に書き換える"; >>--> >> >> 元の文章このままでは、が生成される前に、JavaScriptが実行されるため、エラーになるのだと思います。 JavaScriptを関数化し、のonloadで実行してやればよいと思います。元の文章

どのタイミングで書き換えたいんか解らんが、別にの中にがあっても違反じゃないんで、最初のまま元の文章 document.getElementById('testid').innerHTML = "この文章に書き換える"; でもよいと思う。

innerHTMLを使い、書き換えたい

解決済

質問者：coltellosan
質問日時：2010/11/11 16:26
回答数：2件

はじめまして。innerHTMLで文章を書き換えたいと思っています。

■■■■■■■■■■■■
<div id='testid'>元の文章</div>

<SCRIPT Laguage="JavaScript"></SCRIPT>
■■■■■■■■■■■■
とするとうまく<div>内の文章が書き換わるのですが、

以下のようにjavascriptの記述を先に持ってくるとうまくいきません。
■■■■■■■■■■■■
<SCRIPT Laguage="JavaScript"></SCRIPT>

<div id='testid'>元の文章</div>
■■■■■■■■■■■■

検索して調べたところ、
「関数化させて id を指定したタグが表示されてから命令を実行させる」
必要があるとのことなのですが、書き方がわからずにいる次第です。

どなたかご教示いただければ幸いです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： kyanki
回答日時：2010/11/11 16:49

>><SCRIPT Laguage="JavaScript"><!--

>>document.getElementById('testid').innerHTML
>>　= "この文章に書き換える";
>>--></SCRIPT>
>>
>><div id='testid'>元の文章</div>

このままでは、<div>が生成される前に、JavaScriptが実行されるため、エラーになるのだと思います。

JavaScriptを関数化し、<body>のonloadで実行してやればよいと思います。

<SCRIPT Laguage="JavaScript"></SCRIPT>
<body onload="htmlChange();">
<div id='testid'>元の文章</div>

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
上記の方法でできました!

ですので解決といたしますが、もし気が向いたらでまったく構わないのですが、
<body onload>を使わない方法があるようでしたらご教示いただけたらうれしいです。
というのも、私にbodyタグの編集権限がないからです。
(詳細は2番目の回答者様へのレスに書かせていただきます。)

実際にはブラウザがうまく判断してくれているのですが、
記述としては、

<body>
<SCRIPT Laguage="JavaScript"></SCRIPT>
<body onload="htmlChange();">
<div id='testid'>元の文章</div>
</body>

と、bodyが重複している状況でして。

通報する

お礼日時：2010/11/11 18:48

No.2

回答者： yyr446
回答日時：2010/11/11 17:17

どのタイミングで書き換えたいんか解らんが、

別に<body>の中に<script>があっても違反じゃないんで、
最初のまま
<div id='testid'>元の文章</div>
<script type="text/javascript">
document.getElementById('testid').innerHTML
　= "この文章に書き換える";
</script>

でもよいと思う。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
ページを読み込む際に自動で書き換えてくれて、閲覧者は最初から書き換えられた文章を目にする形にしたかったです。

経緯としては、外部のサービスを使っている中で、あるHTMLファイルを編集する権限が部分的にしかないため、いじれない部分をinnerHTMLで書き換えたかったのでした。
具体的には、

■■■■■■■■■■■■
<html>

<head>
(私は編集できない)
</head>

<body>

★ここにinnerHTMLと、差し替えるべき文章を入れたい



<div id='testid'>元の文章</div>

</body>

</html>
■■■■■■■■■■■■
となっており、<div id='testid'>を先に持ってくることができないのでした。

尚、書き換える行為が規約に違反するとか、そういうことはありませんのでご安心を。