Question

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

我的要求是将目标div中的内容发送到电子邮件正文中。我必须使用javascript或php来执行此任务。

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

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

感谢。

Answer 1

jQuery的text()（link）会让你获得div中的文本。

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

然后，您可以使用其post()（link）将数据发送到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()为“foo”的网页上的元素。假设$.get将该div中的所有内容作为文本返回，如文档here所示。
jQuery文档here深入解释了$.get调用。基本上，您正在向服务器发出AJAX请求，并将div中的文本作为查询参数传递。您传递给onClick的函数定义了您对从服务器返回的响应所做的操作。

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

Answer 4

document.getElementById( ID_OF_DIV ).innerHTML;

如果我没弄错的话，

应该这样做。 W3Schools是一个关于网络编程信息的精彩网站。

Answer 5

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

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

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

5 个答案: