从包含外部页面 HTML 的变量中提取 html 标签和 div 类

Question

此代码获取外部 URL 的 HTML 并将其传递给变量：text，然后使用包含在变量中的 html 向页面发出警报。我需要将元素与变量分开。

document.getelement 仅适用于当前页面中的 html。还有其他方法吗

即 text.document.getelementbyid('MyDiv')

test script<script type="text/javascript">
var your_url = 'http://google.com;

</script>

<script type="text/javascript" src="jquery.min.js" ></script>
<script type="text/javascript">
// jquery.xdomainajax.js  ------ from padolsey

jQuery.ajax = (function(_ajax){

var protocol = location.protocol,
    hostname = location.hostname,
    exRegex = RegExp(protocol + '//' + hostname),
    YQL = 'http' + (/^https/.test (protocol)?'s':'' + '://query.yahooapis.com/v1/public/yql?      callback=?',
    query = 'select * from html where url="{URL}" and xpath="*"';

function isExternal(url) {
    return !exRegex.test(url) && /:\/\//.test(url);
}

return function(o) {

    var url = o.url;

    if ( /get/i.test(o.type) && !/json/i.test(o.dataType) && isExternal(url) ) {

        // Manipulate options so that JSONP-x request is made to YQL

        o.url = YQL;
        o.dataType = 'json';

        o.data = {
            q: query.replace(
                '{URL}',
                url + (o.data ?
                    (/\?/.test(url) ? '&' : '?') + jQuery.param(o.data)
                : '')
            ),
            format: 'xml'
        };

        // Since it's a JSONP request
        // complete === success
        if (!o.success && o.complete) {
            o.success = o.complete;
            delete o.complete;
        }

        o.success = (function(_success){
            return function(data) {

                if (_success) {
                    // Fake XHR callback.
                    _success.call(this, {
                        responseText: data.results[0]
                            // YQL screws with <script>s
                            // Get rid of them
                            .replace(/<script[^>]+?\/>|<script(.|\s)*?\/script>/gi, '')
                    }, 'success');
                }

            };
        })(o.success);

    }

    return _ajax.apply(this, arguments);

 };

})(jQuery.ajax);



$.ajax({
url: your_url,
type: 'GET',
success: function(res) {
    var text = res.responseText;
    // then you can manipulate your text as you wish
    alert(text);
}
});
})(jQuery.ajax);

$.ajax({ url: your_url, type: 'GET', success: 
function(res) { var text = res.responseText; 
// then you can manipulate your text as you wish  
alert(text); } });

Answer 1

您可以创建一个 DOM 元素并将变量 text 添加到其中并以这种方式进行操作。

var el = document.createElement('div');
el.innerHTML = text;
document.getElementbyId('MyDiv');

或者使用 jQuery：

var el = $('<div></div>');
el.html(text);
$('#MyDiv', el);