加载DOM内容

Question

有没有办法可以使用Javascript在DOM中加载网站的UI内容？例如

<code>      
  <h1>Google</h1>
</code>

正在检索＆＃34; Google＆＃34; （我的Javascript代码中有一个h1标签）。

Answer 1

在您自己的网页上访问DOM

回答您的确切问题：

var h1 = $('h1').html();

是的，您可以将jQuery添加到您的网站并使用它的选择器，如下所示：

$( "#foo" )[ 0 ]; // = document.getElementById( "foo" )

访问其他网页的DOM

由于跨域策略，这并不容易。 无论如何，你会发现，如果它被阻止了。 尝试使用Ajax查询来获取网站内容，如下所示：

$(document).ready(function() {
baseUrl = "http://www.somedomain.com/";
$.ajax({
    url: baseUrl,
    type: "get",
    dataType: "",
    success: function(data) {
        // play with data
});