0

javascript を使用して、以下のコードのポイントにテキストを挿入するにはどうすればよいですか? 私はまだJavaScriptの初心者なので、助けていただければ幸いです。

<div class = "post-body entry-content">
<div class = "auto-thumbnail">
<table width = "500px" height = "auto" border = "0" align = "center">
<tbody>
<tr><td>
<a href = "http://www.google.com" target = "_blank"><img src = "example.jpg" border = "0"/></a><br /><br />

Author : Jason<br />
Book Title : Example Book<br />
Release Date : 2013.05.11<br /><br />
Description : <br /><br />
Here is where I want to add some text<br /><br /><!--Add text on this line-->
Hello, example....<br />
<br />
</td></tr>
</tbody>
</table>
</div>
</div>
4

3 に答える 3

1

属性を使用してテキストの周りにいくつかの<p>タグを配置し、それを使用してテキストを変更します。iddocument.getElementById()

<p id = "textline">I want to add some text here</p><br /><br />

<script type = "text/javascript">
function changeText()
{
document.getElementById("textline").innerHTML = "changed text";
}
</script>

テキストを変更したい場合は、忘れずに関数を呼び出してください。何をしたかったのか、なぜそれをしたかったのか、より良い説明があれば良かったです。

編集：

<p class = "textline">I want to add some text here</p><br /><br /><!--script will affect both lines-->
<p class = "textline">I want to add some text here</p><br /><br />
    <script type = "text/javascript">
    function changeText()
    {
    document.getElementsByClassName("textline").innerHTML = "changed text";
    }
    </script>

編集2：

if(document.getElementById("your_id")!=null)
{
document.getElementById("your_id").innerHTML = "changed text";
}
else
{
alert("Element does not exist");
}
于 2013-05-11T07:36:32.347 に答える
0

テンプレート フレームワークhttp://handlebarsjs.com/をご覧になることをお勧めします。

または、他の「javascript テンプレート フレームワーク」も使用できます。Google で検索してください。シンプルで直感的なハンドルバーが好きです

より高度なフレームワークが必要な場合は、http://angularjs.org/を参照してください。

単純な線の場合は、imulsion による答えを使用できます。または、jQueryを使用する予定がある場合は、次のようになります

$("#textline").text("changed text");
于 2013-05-11T07:44:16.043 に答える