在DOM中获取以下节点
可以使用以下方法：
- 通过标签名获取节点：可以使用
getElementsByTagName方法，该方法返回指定标签名的节点列表。例如，要获取所有的<div>节点，可以使用以下代码：
var divNodes = document.getElementsByTagName('div');推荐的腾讯云相关产品：无
- 通过类名获取节点：可以使用
getElementsByClassName方法，该方法返回具有指定类名的节点列表。例如，要获取所有类名为container的节点，可以使用以下代码：
var containerNodes = document.getElementsByClassName('container');推荐的腾讯云相关产品：无
- 通过ID获取节点：可以使用
getElementById方法，该方法返回具有指定ID的节点。例如，要获取ID为myElement的节点，可以使用以下代码：
var myElementNode = document.getElementById('myElement');推荐的腾讯云相关产品：无
- 通过选择器获取节点：可以使用
querySelector方法，该方法返回与指定选择器匹配的第一个节点。例如，要获取类名为container的第一个<div>节点，可以使用以下代码：
var containerNode = document.querySelector('div.container');推荐的腾讯云相关产品：无
- 通过选择器获取多个节点：可以使用
querySelectorAll方法，该方法返回与指定选择器匹配的所有节点列表。例如，要获取所有类名为container的<div>节点，可以使用以下代码：
var containerNodes = document.querySelectorAll('div.container');推荐的腾讯云相关产品：无
以上是在DOM中获取节点的常用方法，可以根据具体需求选择适合的方法来获取节点。
相关·内容
1回答
如何使用<p>从ID为mydiv的div中的第二个DOMDocument标记获取内容？
例如，我的HTML看起来可能如下：
<div class='mydiv'>
<p><img src='xx.jpg'></p>
<p>i need here</p>
<p>lorem ipsum lorem ipsum</p>
</div>
我试图提取以下文本：
i need here
我该怎么做呢？
浏览 1提问于2014-01-29得票数 3
回答已采纳
1回答
我在html页面中有一个canvas html元素，如下所示：
<canvas id="myCanvas2" width="290" height="250" style="background-color:red"></canvas>
我想使用jquery访问画布。如果我尝试使用jQuery访问，它不工作，如果我尝试使用document.getElementById，那么只有它工作。
代码如下：
var canvas = $("#myCanvas2");
console.log(
浏览 1提问于2013-04-24得票数 1
回答已采纳
1回答
我试图从一个名为NSE的网站中刮取数据，所以首先我尝试在inspect元素控制台中这样做：
(编辑了问题)
objs = $('div[class="table-wrap"] > table > tbody > tr > td').slice(0, 8)
objs.map((i,element) => console.log($(element).text()))
我得到了输出：
401.20
417.00
-
411.45
361.10
441.30
No Band
-
所以我很开心因为我得到了我想要的。但是，当我转到
浏览 3提问于2021-05-24得票数 1
当我在Chrome控制台中使用带有容器类的jQuery选择器时：
console.log($('li').closest('.container'));
我希望得到下面的输出
<ul class="container>_</ul>
但是，我得到了以下输出：
(2) [ul.emphasis.container, li.container, prevObject: n.fn.init(8), context: document]
如何获得<ul class="container>_</ul>的输出
浏览 15提问于2017-08-30得票数 0
我有两个类似下面的函数：
在弹出窗口中：
function caller(){
window.opener.myfunc($('.TestDiv'));
}
在开场白中：
function myfunc(element){
alert(element.parents('html').html());
}
上面的代码让我可以访问myfunc中的html根元素。
如何从传入的元素访问窗口或文档对象？
注意:它必须来自传入的元素，因为它可能来自运行myfunc的不同上下文。
浏览 0提问于2011-06-20得票数 2
回答已采纳
1回答
我有以下问题。我在XML中有一个XML。请参见示例： <?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE ..."><AIDEM><OSERVER>xxx</OSERVER>
<OBJECT SystemID = "111" ObjectID = "00000004009e8bc1" Docu = "some value" DirectoryID
浏览 20提问于2019-12-10得票数 0
基于下面的XML，我想检索某个节点(ID)的产品名称和图像
<?xml version="1.0" encoding="utf-8"?>
<clients>
<client id="A">
<product>Name of product A</product>
<image>Product image name A</image>
</client>
<client id="B&#
浏览 3提问于2014-11-18得票数 2
1回答
我想知道如何在PHP中重现Facebook上的风尚：
当你分享一个链接时，它会抓取页面的标题，并自动抓取页面中的图像来装饰链接。
有没有什么东西已经做好了，比如插件，我可以看看？
谢谢。
浏览 1提问于2011-01-07得票数 3
回答已采纳
1回答
我有一个WordPress站点，在其中我手动实例化了一个延迟加载的js脚本。我想过滤the_content以查找任何图像，并将src属性更改为data-original，同时向图像添加一个lazy类。
我找到了这篇文章：，它是有效的，但通过使用DOM解析器，我得到了一个html声明和额外的主体元素。
这导致了一些字符编码问题。
我可以通过修改代码在loadHTML期间强制utf-8来解决这个问题，然后在返回内容之前，我做了一些str_replace来去掉doctype、html、head和body元素。
function add_lazyload($content) {
$dom =
浏览 1提问于2014-12-12得票数 1
1回答
测试React中的文本值
、、、、
使用Mocha、Karma和function测试工具测试以下简单功能：
renderTodoCount() {
const { incompleteCount } = this.props;
const itemWord = incompleteCount === 1 ? 'item' : 'items';
return (
<span className='todo-count'>
<strong>{incompleteCount || 'No'}&l
浏览 2提问于2015-09-15得票数 0
回答已采纳
我使用xerces-c-3.1.1将xml文件读入C++程序。
我找到了一个节点aNode，其类型为
DOMNode* aNode;
并可以使用以下命令获取节点名
name=aNode->getNodeName();
但是，当我尝试使用
type=aNode->getNodeType();
要获取类型，返回的类型是一个整数: ELEMENT_NODE。
如果有人能告诉我如何编写代码，让我知道节点的名称是"nodeName“还是类型是"typeName”，我将不胜感激。我知道如何做前面的部分使用
if(wcscmp(name, L"nodeName
浏览 0提问于2012-03-13得票数 0
我试图在环绕主体的元素之前插入一个元素，但得到以下内容
Uncaught :无法读取null的属性“insertBefore”
document.querySelector( 'body' ).innerHTML = '<div id="boat">' + document.querySelector( 'body' ).innerHTML + '</div>';
var sailor = document.createElement( 'aside' );
sail
浏览 1提问于2021-01-09得票数 0
回答已采纳
1回答
我使用Google使用xpath从中提取内容。
使用importXML()，我能够轻松地通过xpath提取HTML节点，例如使用：//*[@id='result_listing_1_0']/div[1]
但是，当我试图提取脚本标记中的内容时，我会得到一个错误(例如，在使用xpath (比如//*[@id='exam_info_window_content_0_0'] )时)。在本例中，ID位于脚本标记中。
如何使用xpath提取网页源代码中脚本标记中的HTML。
更新:下面是我想要的输出的一个例子：
学生须知：
学生必须在每次预约前出示有效的/可阅读的照片ID
浏览 3提问于2015-02-22得票数 1
我之前生成了一个XML，如下所示：
<newsletter>
<header>
</magazine>
</image>
<strap/>
</header>
<intro>
<date/>
<text/>
</edimg>
</intro>
<shop>
<heading/>
浏览 5提问于2011-01-18得票数 5
回答已采纳
3回答
我有以下用于插入新DOM元素的jQuery代码。本例中的someHTML只是一个超文本标记语言字符串。比如<div>text</div>。
$area.prepend(someHTML);
我希望在将节点插入到DOMTree中之后，通过正确设置parentNode和诸如此类的内容来获得对该节点的引用。
像.find()和.filter()这样的jQuery过滤器函数不适用于我的情况，因为它们都创建了新的jQuery对象。我需要对DOMNode的实际引用。
有什么想法吗？
浏览 1提问于2011-06-16得票数 0
例如，我有如下所示的xml代码：
$xml=<<<XML
<?xml version="1.0"?>
<cars>
<desc1>
<h1>Title 1</h1>
<p>Content</p>
</desc1>
<desc2>
<h1>Title 1</h1>
<p>Content</p>
</desc2>
</c
浏览 5提问于2014-11-16得票数 1
回答已采纳
2回答
最近，我在解析HTML文档中的所有文本节点方面得到了帮助。由此产生的代码如下：
$doc = new DOMDocument();
$doc->loadHTML($contents);
$doc->loadHTML("<p>not in the brackets..</p>");
$xpath = new DOMXPath($doc);
$textnodes = $xpath->evaluate('//text()');
使用以下摘录：
<p>This is a <b>nested <i&g
浏览 0提问于2011-12-05得票数 1
1回答
我目前有一个反应启动模式，当打开，显示了许多输入。我希望用户能够在输入中输入值，然后使用“Save”按钮，只需创建一个JSON对象和控制台记录新创建的JSON对象。
closeModal(){
this.setState({
showModal: false,
});
}
openModal(){
this.setState({
showModal: true,
});
}
saveSandbox(event){
console.log("Hello World");
name: this.refs.b
浏览 2提问于2016-02-04得票数 3
回答已采纳
1回答
我有如下所示的内联html数据，它在浏览器中呈现得很好，没有任何错误。
<li id="node_1" test="testing">Node Name
<data name="name" type="string" value="Steve"/>
<data name="job" type="string" value="Developer"/>
<data name="age" type=
浏览 0提问于2018-03-13得票数 1
回答已采纳
我有一个XML结构，如下所示，但规模要大得多：
<root>
<conference name='1'>
<author>
Bob
</author>
<author>
Nigel
</author>
</conference>
<conference name='2'>
<author>
浏览 0提问于2009-09-11得票数 25
回答已采纳
我正在使用烧瓶来建立在线应用程序。我使用d3.js抓取用户输入，然后将其发送到app.py，它将使用此输入进行api调用并抓取适当的数据，然后将jsonfied数据返回给javascript，以便在正确的html标记中呈现绘图，但是它一直给我错误:错误:提供的DOM元素为空或未定义。 app.py： import os
from flask import Flask, render_template, jsonify, request, redirect, url_for
from alpha_vantage.timeseries import TimeSeries
import plotl
浏览 9提问于2019-05-13得票数 1
1回答
嗨，我正在尝试使用XML来读取一些动态xml，其中我不知道元素名称。我需要使用XML，而不是SimpleXML，因为这是我的服务器上可用的全部内容。我遇到的麻烦是想要处理嵌套元素和非嵌套元素。我的XML看起来像
<status>
<state>active</state>
<time>2014-07-15T04:00:00.000Z</time>
<output-type>archive</output-type>
<sources>
<source>
<cl
浏览 2提问于2014-07-09得票数 0
回答已采纳
我希望的每一张卡都能将用户带到某个特定的页面，所以我尝试了以下代码，它运行良好：
jQuery(document).on('click', '.fc_card-container', function() {
alert('clicked!');
location.href = 'http://www.google.com';
});
然而，我有10张卡片(.fc_card-container)，我应该为每个卡片设置一个不同的目标页面。我怎么能这么做？
更新:有人告诉我做以下操作，但是额外的数据-url属性消失了。
浏览 4提问于2015-12-28得票数 0
1回答
我有一个包含"lineItem“元素的"lineItems”列表，它放在XML中的不同位置。我的问题如下:如何在我想要的特定路径中添加一个"lineItem“元素？例如：
<GroupA>
<Name> </Name>
<LineItems>
<LineItem>
<Age></Age>
<Description> </Description>
<Addr
浏览 1提问于2013-08-14得票数 1
2回答
我想从字符串中删除所有空的<a>标记。
因此：
<a href="http://www.google.com"></a>
而不是：
<a href="http://www.google.com">Not empty</a>
然而：
<a href="http://www.google.com"><img src="puppy.jpg" alt="Not empty"></a>
也被移走了。
编辑:基本上图像正在被删除，因
浏览 3提问于2015-04-18得票数 2
回答已采纳
我想用CasperJS测试一个网站。如果在某个输入字段上触发onBlur事件，则页面上其他位置的属性将在一段时间后更新。我想等到此属性更新，并编写以下代码来完成此操作：
Foo.prototype.setBar = function ( baz ) {
casper.then( function () {
// local variable baz can be passed to evaluate
casper.evaluate( function ( arg1 ) {
var $inputField = $( 'section.xyz input&
浏览 0提问于2014-03-21得票数 2
我有以下代码：
console.log(cleValTab.children[0].children[0].children[0].innerHTML);
哪种输出
<input type="text" value="XXXX" class="table-textbox" size="50">
在宇宙中。
现在我需要提取值，我试图添加.value，但得到了undefined。
添加id不是一个选项，因为我正在遍历几个文本框。
浏览 0提问于2019-12-23得票数 0
回答已采纳
1回答
我正在尝试将内联背景样式图像更改为数据背景
这是我期望得到的输出示例
<div id="parent" style="background-image:url(http://www.example.com/example.jpg);"></div>
转换为
<div id="parent" data-background="http://www.example.com/example.jpg"></div>
但是，数据背景有时会落入比父div高一到两级的div，而不是落入父div
示
浏览 0提问于2017-03-20得票数 0
2回答
当文本被呈现时，我试图在单选按钮上加载json响应中的一些文本--单选按钮消失。
以下是Jquery中的代码
$('#lblFirstOption').text(val["answerOne"]);
我的HTML是这样的：
<label class="block" id="lblFirstOption" for = "sizeSmall">
<input type = "radio"
name = "radSize"
浏览 4提问于2014-08-14得票数 1
回答已采纳
我正在尝试在enyo框架中使用简单的旋转多维数据集示例three.js。我以THREE.WebGLRenderer:Error creating WebGL context的身份收到错误。
下面是我的代码：
enyo.kind({
name:"Cubetest",
create:function () {
// body...
this.inherited(arguments);
this.drawCube();
//alert("in create");
},
rendered : functio
浏览 3提问于2015-10-15得票数 0
1回答
我到处寻找这个问题的解决方案，但我找到并尝试的每一个都不起作用。
我正在尝试从论坛主题中获取div的内容。
我试过使用preg_match，结果只显示了“数组”，然后我试着使用这个方法
$html = file_get_contents("http://www.lcs-server.co.uk/forum/index.php/topic,$id_topic");
$dom = new DOMDocument;
$dom->loadHTML($html);
$element = $dom->getElementById("msg_$id_msg");
浏览 5提问于2012-01-02得票数 1
回答已采纳
我发现了以下关于创建选择器引擎的教程。
在javascript中，我们有类似于
getElementById()
getElementsByTageName()
getElementsByName()
etc，.....But对于相同的功能，在他们的选择器引擎中，他们正在进行如下检查
this.nodes[i].tagName == nm.toUpperCase()
而不是getElementsByTagName.What是这种方法的优势？
此外，将所有节点分配给可转换的
e.getElementsByTagName('*');
浏览 8提问于2012-04-27得票数 0
回答已采纳
Hi如何命名和销毁对象的实例？请参阅jsfiddle中的
declare("obj_Button", [_WidgetBase], {
buildRendering: function () {
// create the DOM for this widget
this.domNode = domConstruct.create("button", {
innerHTML: "New Button Instance"
});
浏览 2提问于2013-02-04得票数 0
回答已采纳
2回答
在React中使用DOM和Refs有什么不同？我知道我们可以使用常规的javascript DOM节点选择器来定位react中的特定元素，因为react无论如何都是javascript的，但是你也可以使用refs来做同样的事情。使用其中一种与使用另一种相比有什么优点/缺点？
浏览 1提问于2020-01-30得票数 3
2回答
是否有一种方法(使用XPath和PHP)来执行以下操作(没有外部XSLT文件)？
删除所有表及其内容
删除第一个h1标记之后的所有内容
只保留段落(包括其内部HTML (链接、列表等))
我收到了一个XSLT答案，但是我正在寻找不需要外部文件的XPATH查询。
目前，我已经通过以下方法将问题中的HTML加载到SimpleXmlElement中：
$doc = @DOMDocument::loadHTML($xml);
$data = simplexml_import_dom($doc);
现在我需要帮助：
$data = $data->xpath('?????
浏览 4提问于2011-01-04得票数 2
回答已采纳
我有一个jstree元素，它在hpo_json初始化时从一个名为init_hpotree()的json数组加载数据。然后，在一个特定的按钮上，单击我将json数组(hpo_json)传递给ajax调用，接收更新的数组，然后重新初始化jstree。一切都很好。
hpo_json = [...]
function init_hpotree() {
jstree_hpo = $('#jstree_hpo').jstree({
'core' : {
'data' : [hpo_json]
}
浏览 2提问于2019-03-15得票数 0
假设我有两个组件。包含子代的父代。
子组件是一个按钮，如下所示：
var React = require('react');
var ChildButton = React.createClass({
onSubmitAnswer: function(e) {
this.props.onClick(this);
},
render: function() {
return (
<div className={this.props.visibility}>
<button onClick={this
浏览 0提问于2015-05-14得票数 5
我在django中有以下代码，它返回了一个关于tagName属性的错误：
def _parse_google_checkout_response(response_xml):
redirect_url=''
xml_doc=minidom.parseString(response_xml)
root = xml_doc.documentElement
node=root.childNodes[1]
if node.tagName == 'redirect-url':
redirect_url=node.fi
浏览 1提问于2011-11-26得票数 2
我很难用裁判来做出反应。它们总是返回组件的根DOM节点，而不是重发的。
请考虑以下例子：
var AuthApp = React.createClass({
onSubmitClick: function(event) {
var usernameInput = this.getDOMNode(this.refs.username);
// This logs root <div> instead of <input>, why???
console.log(usernameInput);
},
r
浏览 2提问于2015-04-27得票数 6
回答已采纳
假设我有以下React元素()：
var Hello = React.createClass({
getInitialState: function() {
return {parsed: false};
},
_parseEvent: function(event) {
var parser1 = event.currentTarget.selectedOptions[0].value;
var parser2 = event.target.value;
var parser3 = event.nativ
浏览 5提问于2015-06-16得票数 2
回答已采纳
7回答
字符串的XPath节点
、、、、
如何选择以下节点的字符串内容：
<span class="url">
word
<b class=" ">test</b>
</span>
<span class="url">
word
<b class=" ">test2</b>
more words
</span>
我试过几种方法
//span/text()
没有获取粗体标记
//span/string(.)
是无效的
string(//span)
仅选择1个节点
我在
浏览 2提问于2010-08-05得票数 3
回答已采纳
Array ( [0] =>
SimpleXMLElement Object ( [record] =>
SimpleXMLElement Object ( [f] =>
Array ( [0] => Company
[1] => Company
[2] => Mark Test
浏览 0提问于2011-06-16得票数 0
回答已采纳
我很难用一个复杂的页面来选择几个元素。主要的一种形式是我需要读取/更改输入的一些值。到目前为止，我已经成功地使用以下代码形成了表单：
var mainFrame = $(frames[1].document.body).contents().find("#mainFrame1");
好吧，所以我试着：
$(mainFrame.contents());
它返回空[]..。如果我试着
$(mainFrame[0].contents());
我错了: mainFrame.contents不是一个函数..。
但与纯JS一起工作：
mainFrame[0].contentDocument
浏览 0提问于2015-10-30得票数 2
回答已采纳
1回答
我正在使用XML、DOM和Java进行一个小项目，我无法将每个客户端的事务总数相加。有小费吗？非常感谢!
以下是XML代码：
<?xml version="1.0" encoding="ISO-8859-1" ?>
<list>
<client name="Yvan Orzwitz">
<transaction total="30" />
<question>Where do you live?</question>
<t
浏览 3提问于2015-04-15得票数 0
回答已采纳
我有获取当前选定图像的代码，但如果尚未选择第一个图像，我希望获得内容中的第一个图像。我正在使用下面的代码，它是从返回href的原始代码改编而来的。
var range = selection.getRanges(true)[0];
range.shrink(CKEDITOR.SHRINK_TEXT);
var root = range.getCommonAncestor();
return root.getAscendant('img', true);
我怎样才能得到内容中出现的第一张图片？
浏览 0提问于2011-09-16得票数 0
回答已采纳
2回答
考虑以下聚合物元素。
<polymer-element name="some-element">
<template>
<div layout vertical center>
<template repeat="{{item in array}}">
<my-first-element on-some-event="{{handleEvent}}"></my-first-element>
<my-second-e
浏览 5提问于2015-02-18得票数 0
回答已采纳
假设我有几个声明如下：
var n1 = oDiv.firstChild;
var n2 = oDiv.lastChild.previousSibling.firstChild; //know this crazy, but for knowledge sake
如何应用以下各种样式(通常只适用于“元素”类型，而不是“节点”类型)：
//does not work
n1.style.borderWidth = "1px";
n1.style.borderColor = "#336699";
n2.style.borderStyle = "solid
浏览 0提问于2012-11-28得票数 2
回答已采纳
我正在研究内容大多未知的XML。我正在把它转换成一个非常粗略的HTML输出。
但是，我在XML中挣扎于这种结构：
<wrappingTag>
text text text
<formatTag>formatted text</formatTag>
continued text text text text
<formatTag2>much more formatted text</formatTag2>
continued text text text text
</wrappingT
浏览 1提问于2014-06-11得票数 0
回答已采纳
1回答
我有来自库源代码的以下xml代码：
<?xml version="1.0" encoding="UTF-8"?>
<Data>
<MyData>
<Column Collections="Books.ID">
<Row>1534</Row>
<Row>2753</Row>
<Row>3734</Row>
<Row>4029</Row>
浏览 4提问于2016-09-02得票数 0
回答已采纳
这是的后续行动.(谢谢西里尔的帮助！)
我的问题是有点诡计，我仍然需要一些帮助。当用户单击任何节点的文本元素时，我希望发生以下情况：
对于该元素的每个树-祖先：
将"X“附加到该文本元素
从该元素中删除样式类"class1“
从该元素中添加样式类"class2“
从该元素中禁用onclick方法
在这些步骤中，其他节点应该保持完全不动。
我已经将parent项添加到表示collapse()中的数据的对象中，正如Cyril所建议的那样。这样我就可以沿着这条通往根的路走下去。但是，当我遍历这条路径时，我无法获得文本的d3.j
浏览 1提问于2016-05-22得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
