getelementbyid 相关问题

getElementById是浏览器中JavaScript常用的一种基本方法,用于通过ID检索HTML或XML文档中的特定元素节点。

我的网页为什么说[object HTMLParagraphElement]?

[当我尝试使用javascript写入html中的id时,出现以下错误:[object HTMLParagraphElement]我正在使用innerhtml,但仍然无法正常工作。我看了不同的答案,但似乎没有帮助...

回答 1 投票 0

点击一次播放gif,然后变回

我有一个带雨声的gif文件和一个触发声音听起来像雷声的按钮。我有一个thunder.gif,当......>

回答 2 投票 0

Javascript:只能从输入中获取nodeValue()而不是value()吗?

我有以下HTML输入:在下面的JS代码中,当我尝试在userInput上执行.value时,我无法这样做,只能执行.nodeValue。为什么是这样? // ...

回答 1 投票 0

当我从下拉按钮中选择一个值时,其他值也会出现

我想知道您是否可以帮助我解决以下问题。我创建了一个下拉付款选项。当我选择“支票/储蓄帐户”时,表格显示2个输入字段,以便用户可以输入...

回答 1 投票 0

在[>]中显示来自JS表的html数据> 标题 我有一个JS表,该表由网站上用户在textareas中输入的数据生成(因此,当您第一次加载页面时,数据不存在:您必须在textarea中输入内容,然后生成该表)。现在,我试图从生成的表中获取该数据,并以(h2 /)表示它。 所以我制作了一个脚本来获取该信息: <script type="text/javascript"> function buttonTEST() { document.getElementById('excel_table1').getElementsByTagName('tr')[0].cells[1].innerHTML; } </script> 和使用该脚本的按钮: <input id=GetTest type="button" onclick="buttonTEST()" value="TEST ME"/> 当我在控制台中输入“ document.getElementById .... etc”时,它显示了我想要的数据,所以我认为脚本很好。 但是如何获得以(h2)纯文本形式显示该数据(字母数字)? 有人可以帮忙吗? :) 编辑! 我尝试过: <div> <script type="text/javascript">function buttonTEST(){document.getElementById("yourID").innerHTML="document.getElementById('excel_table1').getElementsByTagName('tr'). [0].cells[1]"; } </script> <h2 id="yourID"></h2> <input id="anotherID" type="button" onclick="buttonTEST()" value="TEST ME"/> </div> 但是当我单击时,我得到的是H2。“ document.getElementById('excel_table1')。getElementsByTagName('tr')[0] .cells [1]” 我有一个JS表,该表由网站上用户在textareas中输入的数据生成(因此,当您第一次加载页面时,数据不存在:您必须在textarea中输入一些内容,然后... ] > 在您的情况下,问题似乎是表达式周围的多余"以获取值。 如果值已经是一个字符串,则不需要用引号将其引起来,因为这样做会使javascript认为您想将那段代码写到h2输出中 <div> <script type="text/javascript"> function buttonTEST() { document.getElementById("yourID").innerHTML = document.getElementById('excel_table1').getElementsByTagName('tr'). [0].cells[1].innerHTML; } </script> <h2 id="yourID"></h2> <input id="anotherID" type="button" onclick="buttonTEST()" value="TEST ME"/> </div> 确定,解决了!谢谢大家使我走上正轨:D 所以,什么对我有用: <script type="text/javascript"> function buttonTEST() { document.getElementById('yourID').innerHTML=document.getElementById('excel_table1').getElementsByTagName('tr')[0].cells[1].innerHTML; } </script> <h2 id="yourID"></h2> <input id="anotherID" type="button" onclick="buttonTEST()" value="TEST ME"/> </div> @@ vhoyer是正确的,我需要删除多余的“ ,否则JS认为我想将那段代码写到h2输出中。 [另一个想法是,我需要在所有tr和单元格之后再次放置“ .innerHTML”(是的,它在另一个.innerHTML xD中创建了.innerHTML) 希望对某人有帮助! 欢呼声 您需要在html文件中创建<h2>元素以使用javascript替换其值(在html文件中应为空)。 确保已为<h2>分配了ID。 然后,使用document.getElementById在脚本中访问它并进行更改。 下面的例子。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <h2 id="yourID"></h2> <input id="anotherID" type="button" onclick="buttonTest()" value="TEST ME"/> <script> function buttonTest() { //Grab the ID and change it document.getElementById("yourID").innerHTML = "whatever you want it to display"; } </script> </body> </html> 此外,请确保将html属性的值括在单引号或双引号中。 编辑: 这里是您的用例示例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <h2 id="yourID"></h2> <input id="anotherID" type="button" onclick="buttonTest()" value="TEST ME" /> <p>Press me to find out the second cell in the second row</p> <table id="table"> <tr> <th>Color</th> <th>Object</th> </tr> <tr> <td>Red</td> <td>Poppy</td> </tr> </table> <script> function buttonTest() { //Here we grab the value of the second cell in the second row in a variable called value. You can change the row and cell index to access specific values. var value = document.getElementById("table").rows[1].cells[1].innerHTML; //Then we display it document.getElementById("yourID").innerHTML = value; } </script> </body> </html>

我有一个JS表,该表由网站上用户在textareas中输入的数据生成(因此,当您第一次加载页面时,数据不存在:您必须在textarea中输入一些内容,然后...

回答 3 投票 0

清除getElementById innerHTML中的数据? [重复]

document.getElementById('test')。innerHTML =' Hello World ';;无论如何,我可以删除上面放在两个HTML标记之间的所有代码吗?

回答 1 投票 0

具有不同ID的第二个模式以不同的效果打开-为什么? 基本

我有两种不同的价格卡: 基本 $ 99 USD Lorem ipsum ...

回答 1 投票 0

[document.getElementById对于登录屏幕为空

我最近开始学习javascript,我正在尝试创建一个登录系统原型。目的是用户输入所需的详细信息(用户名为“ Mike”,密码为“ password”)...

回答 2 投票 0

我如何读出Javascript中元素的位置?

我正在尝试用JavaScript编写一个小任务,使人们可以在屏幕上拖放两个对象。这里的网站:http://www.unisg.bplaced.net/JS/dragdrop.html我的目标是现在读出...

回答 2 投票 0

在纯JavaScript中访问属性值时出错

我是JavaScript新手,请尝试获取纯JavaScript的自定义标记中包含的自定义属性的值,分别检查该属性是否存在。第一个按钮应该测试...

回答 1 投票 -2

如何在单击以映射后使可见的长纬度坐标变为可见,直到下次单击?

从此代码开始,将鼠标移到地图上后,可见的长纬度坐标就会出现。然后用最新的OpenLayers版本重写到HTML页面。我想显示这个长的纬度坐标...

回答 1 投票 0

我想知道是否在“ id”中选择了任何单词

document.getElementById('analyseArticleBody')。addEventListener('selectionchange',()=> {console.log('hello')this.doubleClick()})我想知道是否在其中选择了任何单词。 。

回答 2 投票 1

更改中奖线的文本颜色

所以我一直在从事JS tic tac toe游戏。它已经准备好了,我要做的最后一件事是更改获胜线的文本颜色,但我似乎找不到找到确切方法的方法...

回答 2 投票 1

如何使用GetElementById来获取对象而不是对象的值?

如果iam使用console.log(document.getElementById(“ P1”)。value); console.log(document.getElementById(“ P2”)。value); console.log(document.getElementById(“ H1”)。value);得到...的值...

回答 1 投票 0

为什么scrollIntoView()仅适用于视图引用?

我正在尝试对Angular 2项目使用scrollIntoView()。我有一个容器div,它的溢出会在数据到达组件时增大,并且我需要滚动到div的底部作为数据...

回答 2 投票 1

Chrome开发人员“错误TypeError:无法读取Angular项目中的null属性'animate'”

目标:使用document.getElementById(“ elementID”)在Angular中使用Typescript动画淡入一个元素。动画我使用了来自developer.mozilla.org的示例(稍作改动),期望:可以工作...

回答 1 投票 0

[React 2020中的等效document.getElementById()等价物

我有一个名为Button.js的组件,该组件具有一个按钮,当单击该按钮时,我只是想知道我是否正在访问另一个名为Timer.js的组件中的div。在香草JavaScript中,我会...

回答 2 投票 0

VBA + IE自动化-无法获得元素ID

我正在尝试从公司内部网站上抓取一些信息。我的代码能够启动一个新的IE窗口并成功导航到该页面,但是当我尝试将数据输入到框中时,我保持...

回答 2 投票 1

在下拉菜单中显示验证错误

我正在尝试验证页面上的选择菜单。如果选择第一个选项(没有值的选项)并单击提交按钮,那么我想在菜单旁边显示一个跨度,或者...

回答 2 投票 4

Javascript数组ID显示顺序

我已经制作了一个简单的javascript价格数组,我想通过ID属性在我的网站上使用所有价格。 var taxrate = 1.21 sp([1.39,//大小1 1.11,//大小2 2.08,//大小3 2.09,// ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.