如何使用JavaScript向post添加一些文本？

如何使用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>

作者：Jason

书名：示例书

发布日期：2013.05.11


说明：


这里是我想添加一些文本的地方


您好，示例……

在文本周围放置一些带有

id

属性的

标记，然后使用
document.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>

我建议您看看模板框架

或者你也可以使用其他“javascript模板框架”，只需谷歌一下。我更喜欢车把，因为它简单直观

如果您需要更高级的框架，请查看

对于一句简单的话，你可以使用imulse的答案。或者，如果您计划使用jQuery，它将是

$("#textline").text("changed text");

我将提供两种方法来实现这一点。一种是我认为是最佳实践（第一种），另一种是对代码的最小修改（第二）。
首先：我将如何做：

注意：在表中存储这样的数据并不理想，
DIV
元素就是为此而设计的。不过我不打算重写它。这只是关于JS的最佳实践

我建议对此使用
标记，因为您可以设置它的样式，使其完全显示为不存在（它是
内联
而不是
块
元素，但很容易选择

...
<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 />
<span id='description'>Here is where I want to add some text</span><br /><br />
Hello, example....<br />
<br />
...

第二：你想怎么做：

这并不是说不使用span就不可能替换。你必须给你的
DIV
一个
id
描述符，而不是（或者）给
class
（一个
class
不是唯一的，因此无法判断你想要影响哪个
DIV
）

您可以阅读
自动缩略图
的整个
HTML
，然后使用正则表达式替换占位符，如下所示：

<div id="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 />
            {DESCRIPTION}<br /><br /><!--Add text on this line-->
            Hello, example....<br />
            <br />
        </td></tr>
        </tbody>
    </table>
</div>

不过，这比第一种格式慢得多，所以我完全建议使用这种格式。
请您将代码作为文本而不是图像添加到这里。著名的问题：到目前为止您尝试了什么？使用
或
标记而不是

@Juhana，很抱歉，我是新来的，在我把代码放在那里的帖子中之后由于存在问题，无法发布该帖子。@wskstack您可能没有缩进它。发布代码时，突出显示它并按ctrl+k。然后它就会工作。我以前尝试过这个方法，但它工作正常，但我以前有很多帖子，所以我的意思是，无论如何，我可以使用javascript将一些文本发布到所有帖子中，而不只是更改内容是的，如果你给所有的帖子添加标签，使用class属性而不是id属性。编辑我的答案。但是很糟糕，我没有给所有帖子添加任何类似
的属性，只是简单地添加纯文本。如果像我的情况，添加文本很困难吗？@wskstack你应该方法将纯文本放入标记中。如果不添加样式，它看起来与不存在的样式完全相同，但您可以像我一样使用它们来标识HTMLi中的元素。请注意，如果document.getElementById（）在页面上找不到id，它将在internet explorer中显示一个错误，即document.getElementById（）是否为null或不是对象。如何对此文档进行错误检查。getElementById（）以便在页面找不到id时不会执行该文档。getElementById（）操作？谢谢！#textline表示我还需要向osts添加一个id，该id是textline？
...
<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 />
<span id='description'>Here is where I want to add some text</span><br /><br />
Hello, example....<br />
<br />
...

document.getElementById('description').innerHTML = "Your Text";

<div id="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 />
            {DESCRIPTION}<br /><br /><!--Add text on this line-->
            Hello, example....<br />
            <br />
        </td></tr>
        </tbody>
    </table>
</div>

function replaceDescription(newdescription) {
    var regexp = new RegExp("{DESCRIPTION}");
    document.getElementById('auto-thumbnail').innerHTML = document.getElementById('auto-thumbnail').innerHTML.replace(regexp, "Your Description");
}