Chrome中的document.getElementById().innerText
document.getElementById().innerText是Chrome中的一个属性，用于获取页面中的<span>或<div>元素，并返回该元素的innerText属性值。
document.getElementById()是Chrome中的一个方法，用于获取页面中指定ID的元素。
innerText是<span>或<div>元素的属性，用于获取或设置该元素的文本内容。
例如，在Chrome中，可以使用以下代码获取页面中ID为example的元素，并返回该元素的文本内容：
const element = document.getElementById("example");
const text = element.innerText;
console.log(text);上述代码中，document.getElementById()方法获取ID为example的元素，然后使用innerText属性获取该元素的文本内容，并输出到控制台。
相关·内容
我无法解决这个问题，这个函数在chrome中工作得很好，但是在mozilla中我得到了一个“类型错误: rowTotal是未定义的”行"var rowValue =rowTotal.split(‘.“).join(’)
有人能帮我吗？我还没弄清楚
function calculateTotal(){
var table = document.getElementById("tablaListado");
var numFilas = table.getElementsByTagName("tr").length;
var
浏览 1提问于2013-09-27得票数 1
回答已采纳
2回答
我正在使用谷歌地图api在我的网站上显示一个地图，访问者也可以在那里找到方向。我有一个起始点设置和一个结束点。两者都是文本区。开始是空的，但我希望使用页面中已有的div中的地址填充结束点。我的javascript是这样的：
var地址= document.getElementById("address").innerText.replace(/\n/g，“")；
它可以在Chrome上运行，但Firefox在端点框中显示的文本为“未定义”。火虫给了我-
此错误变量地址= document.getElementB...ress").innerText.replac
浏览 0提问于2011-01-07得票数 0
回答已采纳
我想在另一个文本节点之前插入一个文本节点，如下所示：
<p id="4">text<b>!</b></p>
document.getElementById("4").childNodes[0].before("more ");
<p id="4">more text<b>!</b></p>
这很好用，除了在Chrome中它会合并文本节点：
<p>[#text more text]<b>!</b><
浏览 7提问于2020-09-04得票数 0
2回答
我在Firefox中的一个JS函数上遇到了一点小问题。预期的结果(在IE和Chrome中相应地工作)是执行服务器端代码，并在LoadDetails函数中返回一个数组。
function ShowEvent(index) {
PageMethods.LoadDetailsEvent(index, LoadDetails);
}
function LoadDetails(val) {
document.getElementById('lblName').innerText = val[0];
document.getElementById('lblD
浏览 5提问于2012-08-21得票数 0
回答已采纳
我有一个`contentEditable=“真”的div
<div id="msgInput" contentEditable="true"></div>
当用户键入它并按下'enter‘时，它会将用户键入的内容附加到另一个div中。
<div id="output"></div>
但我需要它，这样用户就可以在“enter”键上输入多行(使用shift+enter)而不触发“keydown”事件。
以下是我如何实现这一目标的：(请注意，我添加了“输入”事件侦听器，因为我需要在状态变量中保存用
浏览 0提问于2018-09-24得票数 2
回答已采纳
我正在编写google chrome扩展，它可以工作，但是Chrome会显示错误，直到我删除它们，扩展才能工作。我如何忽略它们，或者我需要在代码中写些什么？我尝试使用'if‘或'try'&'catch’，但错误一次又一次地出现。通常错误是：“未捕获TypeError:无法读取null的属性'innerText‘”我不知道如何解决这个问题谢谢 const phoneNumber= /(?:\+|\d)[\d\-\(\) ]{9,}\d/g
const instagram=/(([Ii]nst?a?g?r?a?m?)|(ig)|<U\+1F6
浏览 15提问于2020-08-26得票数 0
回答已采纳
1回答
我有一个关于Chrome扩展本地化的问题。我正在尝试本地化在我的扩展弹出html文件中的按钮中的文本。我使用的代码如下：
<button name="buttonSave" id="buttonSave" style="width: 100px; float: right;">
<label class="buttonTextStyle">
</label>
</button>
javascript代码如下：
document.getElementByI
浏览 0提问于2012-07-23得票数 1
回答已采纳
我已经实现了一个字符计数器函数，它在Chrome中有效，但在Firefox中不起作用。我已经在我的VB.NET页面上找到了。你能告诉我为什么它能在Chrome中工作而不能在Firefox中工作吗？
<br>Other comments (max 250 characters):
<br>
<asp:TextBox ID="OtherComments" runat="server" MaxLength="250"
onblur="javascript:CharCounter(this.id);
浏览 0提问于2014-06-28得票数 0
我正在开发一个密码生成器，它生成随机密码并显示在<p>元素中。那部分运作得很好。
当用户单击<p>中的密码值时，我希望将<p>元素中的输出值(生成密码)复制到剪贴板上。
这是我的密码：
function copyPassword() {
let password = document.getElementById("pwd").innerText
let message = document.getElementById("msg")
//This doesn't seem to wor
浏览 3提问于2022-08-12得票数 2
我有一个页面布局，我在其中创建了HTML表结构。在此期间，如果td为空，我希望显示静态文本。我的代码很简单：
<td>
<div id="dvCountry">
<SharePointWebControls:FieldValue FieldName="Country" DisableInputFieldLabel="true" runat="server"></SharePointWebControls:FieldValue></div>
浏览 5提问于2015-06-27得票数 0
回答已采纳
2回答
我试过看其他项目，但我仍然不知道为什么我的铬存储项目仍然不工作。我正在尝试创建一个chrome扩展，它允许用户在文本框中键入某些内容，然后单击一个按钮来保存信息并将信息放入span中。而且，当我检查我的扩展时，没有错误存在，所以我不确定哪一部分是错误的。
这是我的html
<!DOCTYPE html>
<head>
<title>Storage</title>
<script src="popup.js"></script>
<span id="box"> <
浏览 0提问于2018-03-27得票数 0
回答已采纳
<div id="hour" style="display: none">2</div>
JavaScript代码：
<script type="text/javascript">
var _h = document.getElementById('hour').value
alert(_h);
</script>
Chrome返回undefined。有什么问题吗？
浏览 3提问于2012-05-22得票数 14
回答已采纳
我在一个网站上有一个精选菜单，我正在努力使它对移动设备友好，它在桌面和iOS版的chrome上都能很好地工作，但在iOS版的safari上，它只显示选定的选项。它将滚动并可以选择其他选项，但它们是不可见的。
以下是该问题的图片：
这是它在iOS的chrome中显示的样子：
问题似乎出在这个脚本上，我用它来调整选择菜单的大小并重新对齐，这取决于所选择的选项。
<script>
var resized = false;
function resizeSelect(selected) {
if (resized) return;
var sel = documen
浏览 4提问于2016-01-27得票数 7
在popup.js中，我使用以下代码显示当前选项卡的某个div id中的所有文本，并以警报方式显示。我想知道如何将div文本保存到popup.js中的变量中？
chrome.tabs.executeScript(null,code:"alert(document.getElementById(\"DIVid\").innerText.split(' '))"});
上面的内容很好，但是当我尝试这样做时：
var getText = chrome.tabs.executeScript(null,code:"document.getEleme
浏览 5提问于2013-02-09得票数 16
好吧，对Javascript来说非常新。试图通过使用外部javascript文件更改按钮上的文本来学习代码。但我甚至无法让javascript从外部读取按钮值，在Chrome的调试工具中，我看到我的按钮值是btn="“。它读取按钮对象，但无法读取其属性。
<html>
<head>
<title> Test </title>
<script type="text/javascript" src="Gle.js"></script>
</head>
&
浏览 2提问于2016-08-28得票数 8
回答已采纳
所有人。我正在用电子写一个应用程序，运行一个函数有点困难。
为什么这是可行的：
function ReplaceText ()
{
const replaceText = (selector, text) =>
{
const element = document.getElementById (selector);
if (element)
element.innerText = text;
}
for (const type of ['chrome',
浏览 5提问于2021-05-22得票数 0
我在标记中定义了以下asp.net文本框：
<div class="OptionSelect2">
<asp:TextBox ID="txtCalculateWeightRollSize" CssClass="_100" runat="server"></asp:TextBox>
</div>
在代码隐藏中，我在Page_Load上绑定了onblur事件：
txtCalculateWeightRollSize.Attributes.Add("onblur",
浏览 0提问于2013-05-31得票数 0
回答已采纳
我知道这是个愚蠢的问题。但我的天啊，它就是不起作用。下面是一个非常基本的例子：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="test">Test</p>
<script>
let test = document.getElementById("test").value
alert(test)
浏览 3提问于2019-11-21得票数 0
我需要得到这个值，我的谷歌扩展弹出不断或未来10秒(与一个循环)从网页，这将是当前的标签。
<span id="serverTime">7:55:37</span>
到现在为止，我已经做到了这一点；
popup.html
<tr>
<td colspan="3"><a id="submit" onclick="getTime();">Time</a>
</td>
</tr
浏览 1提问于2018-02-28得票数 1
3回答
我这里有一个简单的例子，它不会在Chrome11 for me 中触发，它包含了一个非常简单的代码：
var dropzone = document.getElementById('dropzone'),
draggable = document.getElementById('draggable');
function onDragOver(event) {
var counter = document.getElementById('counter');
counter.innerText = parseInt(c
浏览 0提问于2011-06-26得票数 10
回答已采纳
我有一个带有复选框的GridView和一个附加到网格行数据绑定事件中的每个复选框的"onClick“函数"VerifyChecked”。
在我的Javascript中，函数体如下所示
function VerifyChecked() {
var gv = document.getElementById('ctl00_ContentPlaceHolder1_grdProductNotes');
var btn = document.getElementById('ctl00_ContentPlaceHo
浏览 2提问于2016-07-29得票数 0
我对Mozilla中的document.getElementByID有一个问题。在IE和Chrome中，我的代码运行良好。
我写了以下代码：
<script type="text/javascript">
function test(x, y) {
var text1 = document.getElementById('text1');
for (var i = 0; i < x.length; i++) {
text1.innerText += x[i]; // prints 12345
}
text1.innerTex
浏览 1提问于2011-11-01得票数 2
回答已采纳
2回答
以下JavaScript在火狐中不起作用，我能得到的唯一调试错误是"06:29:53.518 SyntaxError: 09不是合法的ECMA-262八进制常量“，这与var month =‘.date’(‘m’，$time)‘；行有关。
这段代码在Internet和Chrome中工作得很好，只有在Firefox中，它才不起作用，尽管使用警告框来突出显示它通常会停在的一行，但没有给出问题的任何提示。
var hours = '.date('G', $time).';
var minutes = '.date(
浏览 0提问于2013-09-15得票数 0
回答已采纳
2回答
我添加了一个按钮，使用stakoverflow上的这个函数将文本区域中的一些文本插入到可编辑的DIV中。
function insertAtCursor(){
document.getElementById('myInstance1').focus() ; // DIV with cursor is 'myInstance1' (Editable DIV)
var sel, range, html;
var text = document.getElementById('AreaInsert').value ; // Te
浏览 0提问于2013-07-08得票数 2
回答已采纳
我需要添加一个表的两个单元格内容并显示它。下面的JavaScript命令在chrome或IE10中工作得很好。，但不在IE8或7工作。
parseFloat(document.getElementById("total").textContent).toFixed(2);
结果是，
NaN
请告诉我什么是等效的IE7或IE8命令，用来读取表格的单元格内容并将其转换为浮动，然后添加。
浏览 6提问于2013-08-20得票数 11
回答已采纳
在jquery表单验证中，keyup不是用于mozilla，而是在chrome中工作得很好。
这是Javascript代码
function validate() {
var msg;
if(document.myForm.userPass.value.length>5)
msg="good";
else
msg="poor";
document.getElementById("mylocation").innerText=msg;
}
以下是html代
浏览 3提问于2015-08-10得票数 3
回答已采纳
我有一个函数，可以在IE和Chrome中调用，但在Firefox中不起作用。完全没有。下面是函数：
function calcDebt(){
var totaldebt=0;
var curBalance=0;
var totRepay =0;
var totMonths=0;
var curMonthAmount=0;
var curRate=0;
for($i=1;$i<=6; $i++){
curBalance = document.getElementById('balance'+$i).value;
curRate = document.get
浏览 7提问于2012-04-03得票数 2
回答已采纳
我应该在前面提到，我对代码/stackoverflow是个新手，所以如果这个问题没有意义，我深表歉意。我被难住了，我正在尝试构建一个chrome扩展来保存ip地址、url和服务器指纹。服务器指纹是一个存在于响应头中的字段。使用我的background.js和localStorage，我可以保存此信息，然后将其显示在弹出窗口中。这一切都很好，除了我不知道如何在每个标签的基础上保存它，又名……如果我打开了5个标签，我想点击我的扩展，让它显示每个相应标签的url。示例:单击tab4并显示tab4的url，然后单击tab2，它将显示tab2的url。
下面的代码可以工作，除了它没有绑定到tabId，所
浏览 0提问于2011-10-08得票数 4
我有一个运行良好的chrome扩展，我引用了一个函数，它会打开一个弹出窗口。通常，我如何从我的popup.js或popup.html文档访问新弹出的html dom元素(在同一个域中)。
function cfs_policy() {
chrome.tabs.query({active: true, currentWindow: true},
function(tabs) {
// query the active tab, which will be only one tab
//and inject the script in it
浏览 31提问于2019-08-10得票数 0
回答已采纳
我正在创建一个chrome扩展，它从用户正在浏览的页面中提取h2>的内部文本。虽然我学习了内容脚本并使用了它，但它不起作用，我不知道问题出在哪里。如果有人能帮助我，我将不胜感激。
这是js代码：
document.addEventListener('DOMContentLoaded', function() {
var link = document.getElementById('button');
link.addEventListener('click', function() {
updateresult();
});
});
f
浏览 0提问于2016-06-23得票数 0
我正在创建一个Google Chrome扩展，我需要将页面HTML作为字符串导入到我的扩展中，以便可以使用。
我试过了：
document.getElementById('container');
但我得到的结果是"null“。我已经确认它是正确的div id。
是我使用的代码有问题，还是这个方法根本不起作用？
浏览 4提问于2015-02-01得票数 1
我正在开发一个使用v3的插件。除了火狐之外，它的功能就像一种魅力！
我向您提供以下URL:因为解决了问题而进行了编辑。你会注意到，如果你在使用火狐，就会有一个灰色的盒子，上面有谷歌地图的东西。如果你使用Chrome，你会看到一个很好的地图与谷歌地图的东西。
这就是我的问题，我真的希望这里有人能给我找出解决方案。
这是我用来创建地图的代码：
function initialize() {
var myLat = document.getElementById('latitude').innerText;
var myLng = document.getElemen
浏览 3提问于2015-06-13得票数 0
回答已采纳
我有这样的问题：
<div id='stickyid' style='display:block; color:red'>happi</div>
After write :
<script type="text/javascript">
var thevalue = document.getElementById("stickyid").innerText;
document.write(""+thevalue+"");
</script>
它在Ch
浏览 2提问于2013-09-13得票数 0
回答已采纳
简单的测试代码：
<html>
<script>
function changeAnchor()
{
document.getElementById('link').innerText = 'Second anchor';
return false;
}
</script>
<body>
<a href="" id="link" onClick="return changeAnchor();">Fi
浏览 3提问于2021-03-05得票数 0
回答已采纳
2回答
我的页面上有一个提交按钮。在客户端单击submit按钮时，我使用以下Javascript函数：
function SubmitDisable() {
var valid = Page_ClientValidate();
if (valid) {
document.getElementById("btnSubmit").style.cursor = "wait";
document.getElementById("btnSubmit").disabled = true;
document.getElementById(
浏览 2提问于2013-07-31得票数 2
回答已采纳
我想用Javascript自动填写在线表单。
我的目标是将'Test3‘填充到'Associated’列中
wording("Test3.mp4)“元素的HTML文档是
<a target="_blank" rel="no" href="https://upload-files-e083" class="cursor-pointer">Test3.mp4</a>
输入元素的HTML文档是
<input autocomplete="no" id="i
浏览 0提问于2021-05-22得票数 0
我正在使用下面的代码片段来更新表中的一些文本框值。
<table>
<tr>
<td>ProjectName</td>
<td>Block</td>
<td>.WorkProgressMilestone</td>
<td>Completion</td>
<td>
<span class="sep">
<img height="15px" wid
浏览 0提问于2012-09-28得票数 0
回答已采纳
例如，我试图用id=“工具提示”在上读取元素的文本
以下代码在控制台上运行良好：
var element = document.getElementById('tooltip');
if(element != null) {alert(element.innerText);}
else {alert("element contains null");}
扩展名为run的相同代码显示“元素包含null”。
chrome.browserAction.onClicked.addListener
(
function(tab)
{
var element
浏览 5提问于2019-10-27得票数 1
1回答
我正在尝试覆盖webkitNotifications.createNotification的默认功能，通过Chrome扩展，我可以在页面DOM中注入这样做的脚本。我现在遇到的问题是，我需要从页面DOM访问chrome.extension.sendRequest，以便将我的请求推送到嵌入在后台页面中的NPAPI。我以前在内容脚本的执行过程中让embed对象呈现在每个页面上，但我相信如果NPAPI嵌入到扩展中而不是注入到每个页面上会更有效(也更安全)。
if (window.webkitNotifications)
{
(function()
{
window.we
浏览 1提问于2011-01-07得票数 1
1回答
我试图显示他们在数据库中输入的用户的价格，但我得到的是“未定义的”返回，而不是输入的值。我也没有在控制台中看到任何错误。如何解决这个问题?我使用的是HTML、JavaScript和CSS。我提供了一个屏幕截图和我的代码。
Studio仪表板JavaScript代码：
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
// Initialize variables
const database = firebase.database();
const auth = firebase.auth();
//const a
浏览 3提问于2022-09-29得票数 -3
回答已采纳
我正在尝试通过chrome扩展获取当前浏览器的源代码(HTML代码)。我试图将这段HTML代码存储在一个字符串中，但似乎行不通。
<head>
<style>
button {
height: 30px;
width: 100px;
outline: none;
}
</style>
</head>
<body>
<button id="bth1">Predict</button>
<script src="popup.js"><
浏览 2提问于2019-07-26得票数 0
回答已采纳
忙着构建一个，在用户做了几个选择之后，就会绘制图形。我正在使用javascript替换div的内部HTML，以完成不同的步骤，更具体地说，如下所示：
document.getElementById('AnyName').innerHTML = content;
这在Chrome和Firefox中是可行的，但在Safari或IE中则不起作用。
目前，内容的定义大致如下，仅举一个例子：
var content = (function () {/*
<div class="selectNavbar">
Some HTML and other
浏览 1提问于2015-04-17得票数 0
回答已采纳
我正在学习一个JS教程，我刚刚制作了一个抵押贷款计算器，它在Chrome中工作起来很有魅力，但是它在Firefox中什么也不做。我能帮你弄清楚这个吗？
// Formula: c = ((p * r) * math.pow((1 + r), n)) / (math.pow((1 + r), n) - 1)
//@param p float Amount borrowed
//@param r interest as percentage
//@param n term in years
function percentToDecimal(percent) {
return (percen
浏览 8提问于2015-01-06得票数 0
回答已采纳
下面的功能允许用户单击菜单项并将其显示在购物车中。现在我想添加一些代码，让用户可以从购物车中删除商品。有什么建议要怎么做吗？ function addToCart(H,D,P){
document.getElementById('Cart').innerHTML +=
document.getElementById(H).innerText + ' ' +
document.getElementById(D).innerText + '<br>' + '<br>'
do
浏览 27提问于2021-08-01得票数 0
我目前使用的代码如下所示，但它是不安全的，可以用来利用网站使用XSS。
旧的守则，这是有效的：
document.getElementById('response').innerHTML = xmlHTTP.responseText;
没有响应的新代码：
var divContent = xmlHTTP.responseText;
var getRes = document.getElementById('response');
if (getRes.innerText) {
getRes.innerText = di
浏览 4提问于2016-05-18得票数 0
回答已采纳
所以我有这样的代码，我想用一个按钮增加数量，通过增加数量，重量也随之变化。
下面代码的结果，通过单击按钮innerText更改为例如
1片=8克
2片= 16克
3片= 48克->是个问题--我想要第一个值(3 *8= 24)增加数，但它做的是(3 * 16)
如何将权重变量设置为乘积时的固定变量？权重不是设置在8上的变量，而是每个元素都有不同的值，这就是为什么在const中调用它的原因。元素来自数组映射中的JSON文件。
let amount = document.getElementById('amount');
let weight = document.getEl
浏览 5提问于2021-01-28得票数 0
回答已采纳
我目前正在尝试构建我的第一个Chrome扩展，但我的代码有一个小问题。
我想使用XMLHTTPRequest和xpath在我的图标上显示来自外部网站的特定数字作为徽章。我在background.js文件中使用的代码如下：
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://www.example.com", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
// innerText does not
浏览 2提问于2014-03-08得票数 0
我想在Chrome Beta (77+版)上使用新的。然而，我不清楚如何引用它。
我已经建立了一个可以进行串行通信的Chrome应用程序，但显然谷歌是。Chrome的表明Serial API可用于测试版和开发版/金丝雀版，但当我在控制台中输入chrome.serial时，它还没有定义。
以下是我的Chrome应用程序中的一些功能代码--如果能够在web应用程序中重用它，那就太好了：
let serialSettings = {
bitrate: 115200,
dataBits: 'eight',
parityBit: 'no',
浏览 1提问于2019-08-21得票数 6
我正在尝试将一个值从JavaScript传递给一个Chrome扩展。我一直收到一个错误，被引用的元素为null。
popup.html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="popup.js"></script>
</head>
<body>
浏览 0提问于2019-02-03得票数 1
这太复杂了！我与contentEditable在Chrome工作，我正经历一个头部融化的问题。当我按返回键时，Chrome会在innerHTML中插入一个新的div。这很好，而且很好。问题是在div的textContent中找不到中断行。我确实需要想出一种方法，将行中断添加到textContent中与innerHTML中的div中断位置相同的位置。
有什么想法吗？
更新：
我可以使用innerText，但是当页面加载被忽略时，换行符就会出现。我需要这些方法之一的一致性。换句话说，我需要textContent显示新输入的换行，或者innerText显示页面加载中存在的换行。
这里有一个更新的演示
浏览 2提问于2012-02-17得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
