如何读取两个html标签之间的数据作为文本

Question

我正在开发一个项目，需要从预定义的div标签中提取文本。

我的要求是在电子邮件正文中发送目标div中的内容。 我必须使用javascript或php来完成这项任务。

过程：点击给定链接时; 一个javascript函数将触发并读取该目标div 。 然后div的内容将以动态形式提交给服务器。

我有什么选择来完成这项任务？

谢谢。

Answer 1

jQuery的text() （ 链接 ）可以让你获得div中的文本。

var thetext = jQuery('div#foo').text();

然后，您可以使用其post() （ 链接 ）将数据发送到PHP脚本以进行电子邮件发送。

Answer 2

我会得到div的innerHTML 。 所以如果你的div是div_obj：

var div_obj = document.getElementById("...");
alert(div_obj.innerHTML);

Answer 3

所以假设你有一些看起来像的东西

<a href="#" onClick="someClickHandler(); return false;">Click Here</a>
<div id="foo">Hello World!</div>

我建议使用jQuery ：

<script type="text/javascript">
    function someClickHandler() {
        var text = $("#foo").text();
        $.get("url_on_the_server", {some_query_parameter_name: text}, function(response){
            // do something with the response you get back from the server
        });
    }
</script>

这是这样做的：

• onClick属性会在单击链接时调用someClickHandler函数。 因为我们在该属性中放置return false ，所以浏览器不会尝试关注该链接; 相反，当点击它时，它将只执行点击处理程序并停止。

• 说$("#foo")发现页面上的元素与id的“富”，作为记录在这里 。 说$("#foo").text()将div中的所有内容作为文本返回，如此处所述 。

• 这里的jQuery文档深入解释了$.get调用。 基本上，您正在向服务器发出AJAX请求，并将div中的文本作为查询参数传递。 传递给$.get的函数定义了从服务器返回的响应。

当然，您也可以使用jQuery click方法而不是自己手动设置onClick属性，但我认为这种方式对于初学者来说会更直观一些。

Answer 4

document.getElementById( ID_OF_DIV ).innerHTML;

如果我没有弄错的话应该这样做。 W3Schools是一个关于网络编程信息的精彩网站。

Answer 5

实际上，我给div一个id然后使用innerHTML方法来获取它的内容。

之后，您可以使用XMLHttpRequest将内容提交到服务器。