Tag: DOM

如何在Java中输出org.w3c.dom.Elementstring格式？: 我有一个org.w3c.dom.Element对象传入我的方法。我需要看到整个xmlstring，包括其子节点（整个对象图）。我正在寻找一种方法，可以将Element转换为一个XML格式string，我可以System.out.println 。只是'元素'对象上的println()将不起作用，因为toString()不会输出xml格式，不会通过它的子节点。有没有一个简单的方法，而不写我自己的方法来做到这一点？谢谢。

getAttribute（）与Element对象的属性？: 像Element.getAttribute("id")和Element.id这样的expression式返回相同的东西。当我们需要HTMLElement对象的属性时应该使用哪一个？这些方法如getAttribute()和setAttribute()是否存在跨浏览器问题？或直接访问对象属性与使用这些属性方法之间对性能的任何影响？

访问浏览器中其他选项卡的内容: 我正在使用Mozilla的火狐浏览器，我想找出一种方法来访问使用JavaScript和DOM在同一窗口中的其他选项卡的内容（我打开其他技术，如果存在的话）。例如，我想在tab1运行一个JavaScript，可以find其他标签的标题。基本上我需要这个，所以我可以识别一个标签，因为在当前页面中打开了一个href而不使用window.open方法。我想要的只是一个简单的超级链接，它打开属于与当前页面相同的域的页面（页面应该在新标签中打开）。现在我想能够从当前选项卡访问这个新标签。

如何在javascript函数中使用getElementsByClassName？: 我不知道如何在JavaScript中使用多个ID。没有单身份证和getElementById的问题，但只要我改变ID类和尝试使用getElementsByClassName函数停止工作。我读过关于这个话题的100个post; 还没有find答案，所以我希望这里的人知道如何使getElementsByClassName工作。下面是我用于testing的一些简单的代码： function change(){ document.getElementById('box_one').style.backgroundColor = "blue"; } function change_boxes(){ document.getElementsByClassName ('boxes').style.backgroundColor = "green"; } <input name="" type="button" onClick="change(document.getElementById('box_one')); change_boxes(document.getElementsByClassName('boxes'))" value="Click" /> <div id="box_one"></div> <div class="boxes" ></div> <div class="boxes" ></div>

在PHP和Javascript之间传输数组的最佳方法: 所以我有从数据库retreivedlogging数组。该数组是格式; $rows[0]['id']=1; $rows[0]['title']='Abc'; $rows[0]['time_left']=200; $rows[1]['id']=2; $rows[1]['title']='XYZ'; $rows[1]['time_left']=300; //And so on upto 10-20 rows 将这个数组传递给我的JavaScript代码的最好方法是什么？我希望JavaScript能够遍历所有的logging，并使用“ID”属性，更新与该ID的div与一些信息。我的JavaScript代码是在一个外部.js文件，但我能够执行我的网页的HTML代码中的PHP代码。所以我可以做这样的事情：在my_file.js中： var rows=New Array(); 在HTML代码中： <html> <head> <script type="text/javascript" src="js/my_file.js"></script> <script type="text/javascript"> <? foreach ($rows as $row):?> <? extract($row);?> rows[<?=$id;?>]['title']="<?=$title;?>"; //And so on <? endforeach;?> </script>

如何使用JavaScript创buildDocument对象: 基本上这是一个问题，如何在javascript中dynamic地从HTML中构build一个Document对象？

查找元素相对于文档的位置: 确定相对于文档/正文/浏览器窗口的元素位置的最简单方法是什么？现在我用的是'.offsetLeft / offsetTop'，但是这个方法只给了你相对于父元素的位置，所以你需要确定body元素有多less个父元素，知道相对于body / browser的位置窗口/文件位置。这种方法也很麻烦。

如何在dynamic元素上绑定引导弹窗: 我在dynamic列表中使用Twitter Bootstrap的popup窗口。列表项有一个button，当我点击button，它应该显示popup窗口。当我在非dynamictesting时，它工作正常。这是我的非dynamic列表的JavaScript $("button[rel=popover]").popover({ placement : 'right', container : 'body', html : true, //content:" <div style='color:red'>This is your div content</div>" content: function() { return $('#popover-content').html(); } }) .click(function(e) { e.preventDefault(); }); 但是，它在dynamic列表上不能正常工作。它可以显示出来，当我点击button“两次”，只显示我点击第一时间的列表项目之一。 MY html： <ul id="project-list" class="nav nav-list"> <li class='project-name'> <a >project name 1 <button class="pop-function" rel="popover" ></button> </a> </li> <li class='project-name'> […]

Chrome扩展程序将外部JavaScript添加到当前页面的HTML: 我通过我的Chrome扩展在页面的末尾添加了一些外部JavaScript。然后外部JavaScript尝试将一些数据发回到服务器，但是这不是发生。 JavaScript想要获取当前页面和引用链接的URL并将其发送回服务器。任何人都可以请指教我这里有什么问题，我怎么可能如果不可能这样我可以发布数据从当前页面回到服务器。的manifest.json { "name": "Website Safety", "version": "1.0", "manifest_version": 2, "description": "The Website Safety Extension.", "browser_action": { "name": "View the website information for ", "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": [ "tabs", "http://*/*", "https://*/*" ], "background": { // "scripts": ["refresh.js"] "page": "background.html" }, "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'", //"background_page": "background.html" "content_scripts": […]

如何replacediv元素中的文本？: 我需要dynamic地设置DIV元素内的文本。什么是最好的，浏览器安全的方法？我有prototypejs和scriptaculous可用。 <div id="panel"> <div id="field_name">TEXT GOES HERE</div> </div> 以下是该function的外观： function showPanel(fieldName) { var fieldNameElement = document.getElementById('field_name'); //Make replacement here }