dom 相关问题

document.body.addEventListener("mousemove", onMouseMove); 对于（令 i = 0；i < "hoverable".length; i++) { "hoverables" [i].addEventListener("mouseenter", onMouseHover); "hoverables" [i].

javascript html dom

回答 1 投票 0

PHP 抓取因重定向而受阻

我正在尝试在 php 脚本中将图书馆搜索引擎转换为移动设备友好的网站。计划是抓取结果并呈现一个简化的形式，因为该网站只有在大兄弟中才看起来不错......

php web-scraping dom

回答 1 投票 0

如何格式化此抓取的内容

我正在使用此方法从该表中的所有 td 中获取 class="job" 的内容。 $table01 = $salary->find('table.table01'); $rows = $table01[0]->find('td.job'); 那我就用这个...

php html web-scraping dom

回答 1 投票 0

className 和 classList.value 有什么区别？

在将此答案标记为重复之前，我说的是“classList.value”，而不是“classList”。两者有什么区别： element.className = '主'; 元素.classList.v...

javascript dom domtokenlist

回答 1 投票 0

如何使用简单的 html DOM 抓取这两个表？

我一直在试图弄清楚如何使用 php 简单的 html DOM 来抓取 td class="job" 及其各自的薪水。我可以通过 id 或 class 找到并抓取 div，没问题，但我不知道如何...

php html web-scraping dom

回答 1 投票 0

errorCallback 未在测试中记录错误消息

我是编码和制作反应应用程序的新手。这是获取地理位置的代码的一部分 const getLocation = () => { if (navigator.geolocation) { navigator.geolocation.getCurrentPo...

reactjs dom jestjs rendering

回答 1 投票 0

Chrome 在将空文档片段插入到 dom 之前将其输出到控制台

将文档片段插入 dom 时，Chrome 浏览器会向控制台输出空文档片段，而 Firefox 在插入之前输出非空片段，在插入之后输出空片段...

javascript google-chrome dom console.log documentfragment

回答 1 投票 0

如何从 simpleXML_Element_Object 中抓取内容？

我正在尝试从任何维基页面右侧的维基百科信息框中抓取内容。我正在使用 DOMXpath 来抓取内容。在此链接的信息框上（在...

php web-scraping dom xpath

回答 2 投票 0

获取 HTML 表格单元格中 <a> 标签的 href 属性

我正在尝试使用 php 的 domDocument 从某些数据的 url 中提取 href。以下拉动网址的锚点，但我想要网址 $events[$i]['race_1'] = trim($cols->item(1)->点头...

php dom html-parsing domdocument text-extraction

回答 1 投票 0

DOM 元素.最近的子元素

查询 DOM 时，是否有任何原因导致标签不能作为子项使用？ var el = document.getElementById("myEl"); var group = el.closest(".form-group"); var ipt...

javascript html dom

回答 2 投票 0

使用 JavaScript 获取选定的选项文本

我有一个像这样的下拉列表：狗猫鸟 &... 我有一个像这样的下拉列表： <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> 如何使用 JavaScript 获取实际的选项文本而不是值？我可以通过以下方式获得价值： <select id="box1" onChange="myNewFunction(this.selectedIndex);" > 但我想要的是7122，而不是cat。尝试选项 function myNewFunction(sel) { alert(sel.options[sel.selectedIndex].text); } <select id="box1" onChange="myNewFunction(this);"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> 纯 JavaScript var sel = document.getElementById("box1"); var text= sel.options[sel.selectedIndex].text; jQuery： $("#box1 option:selected").text(); 据我所知，有两种解决方案。两者都只需要使用vanilla javascript 1 个选定选项现场演示 const log = console.log; const areaSelect = document.querySelector(`[id="area"]`); areaSelect.addEventListener(`change`, (e) => { // log(`e.target`, e.target); const select = e.target; const value = select.value; const desc = select.selectedOptions[0].text; log(`option desc`, desc); }); <div class="select-box clearfix"> <label for="area">Area</label> <select id="area"> <option value="101">A1</option> <option value="102">B2</option> <option value="103">C3</option> </select> </div> 2 个选项现场演示 const log = console.log; const areaSelect = document.querySelector(`[id="area"]`); areaSelect.addEventListener(`change`, (e) => { // log(`e.target`, e.target); const select = e.target; const value = select.value; const desc = select.options[select.selectedIndex].text; log(`option desc`, desc); }); <div class="select-box clearfix"> <label for="area">Area</label> <select id="area"> <option value="101">A1</option> <option value="102">B2</option> <option value="103">C3</option> </select> </div> 所有这些功能和随机的东西，我认为最好使用这个，并且这样做： this.options[this.selectedIndex].text HTML： <select id="box1" onChange="myNewFunction(this);"> JavaScript： function myNewFunction(element) { var text = element.options[element.selectedIndex].text; // ... } 演示：http://jsfiddle.net/6dkun/1/ 使用- $.trim($("select").children("option:selected").text()) //cat 这是小提琴 - http://jsfiddle.net/eEGr3/ ECMAScript 6+ const select = document.querySelector("#box1"); const { text } = [...select.options].find((option) => option.selected); 使用普通 JavaScript onChange = { e => e.currentTarget.options[e.selectedIndex].text } 如果值在循环内，将为您提供准确的值。使用 Typescript 在 React 上获取它： const handleSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (event) => { const { options, selectedIndex } = event.target; const text = options[selectedIndex].text; // Do something... }; 使用jquery。在您的活动中 let selText = $("#box1 option:selected").text(); console.log(selText); function runCode() { var value = document.querySelector('#Country').value; window.alert(document.querySelector(`#Country option[value=${value}]`).innerText); } <select name="Country" id="Country"> <option value="IN">India</option> <option value="GBR">United Kingdom </option> <option value="USA">United States </option> <option value="URY">Uruguay </option> <option value="UZB">Uzbekistan </option> </select> <button onclick="runCode()">Run</button> 您可以使用 getSelected() 方法获取包含所选项目的类似数组的对象。像这样： querySelector('#box1').getSelected() 因此您可以使用 .textContent 属性提取文本。像这样： querySelector('#box1').getSelected()[0].textContent 如果您有多个选择框，您可以循环遍历类似数组的对象希望对你有帮助😎👍 var Selectionlist=document.getElementById("代理"); td2.innerHTML=selectionlist.children[selectionlist.selectedIndex].innerHTML; 您需要获取选项的innerHTML，而不是其值。使用 this.innerHTML 而不是 this.selectedIndex。编辑：您需要先获取选项元素，然后使用innerHTML。使用 this.text 而不是 this.selectedIndex。 <select class="cS" onChange="fSel2(this.value);"> <option value="0">S?lectionner</option> <option value="1">Un</option> <option value="2" selected>Deux</option> <option value="3">Trois</option> </select> <select id="iS1" onChange="fSel(options[this.selectedIndex].value);"> <option value="0">S?lectionner</option> <option value="1">Un</option> <option value="2" selected>Deux</option> <option value="3">Trois</option> </select><br> <select id="iS2" onChange="fSel3(options[this.selectedIndex].text);"> <option value="0">S?lectionner</option> <option value="1">Un</option> <option value="2" selected>Deux</option> <option value="3">Trois</option> </select> <select id="iS3" onChange="fSel3(options[this.selectedIndex].textContent);"> <option value="0">S?lectionner</option> <option value="1">Un</option> <option value="2" selected>Deux</option> <option value="3">Trois</option> </select> <select id="iS4" onChange="fSel3(options[this.selectedIndex].label);"> <option value="0">S?lectionner</option> <option value="1">Un</option> <option value="2" selected>Deux</option> <option value="3">Trois</option> </select> <select id="iS4" onChange="fSel3(options[this.selectedIndex].innerHTML);"> <option value="0">S?lectionner</option> <option value="1">Un</option> <option value="2" selected>Deux</option> <option value="3">Trois</option> </select> <script type="text/javascript"> "use strict"; const s=document.querySelector(".cS"); // options[this.selectedIndex].value let fSel = (sIdx) => console.log(sIdx, s.options[sIdx].text, s.options[sIdx].textContent, s.options[sIdx].label); let fSel2= (sIdx) => { // this.value console.log(sIdx, s.options[sIdx].text, s.options[sIdx].textContent, s.options[sIdx].label); } // options[this.selectedIndex].text // options[this.selectedIndex].textContent // options[this.selectedIndex].label // options[this.selectedIndex].innerHTML let fSel3= (sIdx) => { console.log(sIdx); } </script> // fSel 但是： <script type="text/javascript"> "use strict"; const x=document.querySelector(".cS"), o=x.options, i=x.selectedIndex; console.log(o[i].value, o[i].text , o[i].textContent , o[i].label , o[i].innerHTML); </script> // .cS" 还有这个： <select id="iSel" size="3"> <option value="one">Un</option> <option value="two">Deux</option> <option value="three">Trois</option> </select> <script type="text/javascript"> "use strict"; const i=document.getElementById("iSel"); for(let k=0;k<i.length;k++) { if(k == i.selectedIndex) console.log("Selected ".repeat(3)); console.log(`${Object.entries(i.options)[k][1].value}`+ ` => ` + `${Object.entries(i.options)[k][1].innerHTML}`); console.log(Object.values(i.options)[k].value , " => ", Object.values(i.options)[k].innerHTML); console.log("=".repeat(25)); } </script> 尝试以下方法： myNewFunction = function(id, index) { var selection = document.getElementById(id); alert(selection.options[index].innerHTML); }; 参见这里 jsfiddle 示例通过使用addEventListener()，我们可以获取选项的文本、值、属性。 <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142" size="small">bird</option> //Added extra attribute for attribute example </select> 通过“JavaScript”： let selectText = document.getElementById("box1"); selectText.addEventListener("change", (event) => { console.log(selectText.options[selectText.selectedIndex].text); }); //console.log(selectText.options[selectText.selectedIndex].value); //selectText.options[selectText.selectedIndex].getAttribute("size")); //small

javascript html dom drop-down-menu

回答 0 投票 0

使用简单的 HTML DOM 来抓取？

简单的 HTML DOM 基本上是添加到页面的 php，它可以让您进行简单的网页抓取。它在大多数情况下都很好，但我无法弄清楚手册，因为我不是一个编码员。有没有...

php loops web-scraping dom simple-html-dom

回答 1 投票 0

dom 相关问题

最新问题