文档getelementbyid设置值不起作用
问题：文档getElementById设置值不起作用
回答： 文档getElementById是一种用于通过元素的id属性获取文档中特定元素的方法。它可以返回一个具有指定id的元素节点，以便在JavaScript中对其进行操作。
当通过getElementById设置值时，如果没有找到具有该id的元素，或者找到的元素是只读的，设置值将不起作用。
解决这个问题的步骤如下：
- 确保要设置值的元素具有正确的id属性，且该id在整个文档中是唯一的。可以通过检查HTML代码或使用开发者工具来确认。
- 确保要设置值的元素是可写的。例如，如果是input元素，确保没有设置为disabled或readonly属性。
- 在设置值之前，确保DOM已经完全加载。可以通过将代码放在window.onload事件处理程序中，或者将脚本放在HTML底部来实现。这样可以确保在尝试获取元素之前，元素已经存在于DOM中。
- 使用正确的语法设置值。例如，如果要设置input元素的值，可以使用element.value = newValue;来设置。
总结一下，当文档getElementById设置值不起作用时，可能是由于以下原因之一：元素id不正确、元素只读、DOM未加载或语法错误。
腾讯云相关产品：腾讯云提供了丰富的云计算服务，其中包括：
- 云服务器（ECS）：提供弹性计算能力，适用于各种计算场景。链接：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：提供高性能、可扩展的数据库服务，支持主流数据库引擎。链接：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理大量非结构化数据。链接：https://cloud.tencent.com/product/cos
这些产品可在各类开发过程中使用，具体使用方法和更多详情可以通过上述链接获取。
相关·内容
我有一个银行余额文本字段，我想根据存款/提款不断更新。下面是我的代码：
<label>Bank Balance:</label>
<br />
<input type="text" id="bankBalance" value="1000" />
<br />
<br />
<button id="deposit">Deposit</button>
<button id="withdraw">Withdraw
浏览 0提问于2017-04-11得票数 0
我是JavaScript的新手，我很难理解为什么一个变量可以在函数内部(局部)声明，而不能在外部(全局)声明。 例如：https://jsfiddle.net/Buleria28/kqu69aqt/ 或者在这里更容易查看。为什么这会起作用？： function numDisplay (){
var e = document.getElementById("numVal").value;
document.getElementById("show").innerHTML = e;
}
document.getElementById("calcBtn&#
浏览 42提问于2017-06-11得票数 1
回答已采纳
我有两个选择下拉菜单。当我从第一个下拉列表中选择时，第二个下拉列表中的条目应该会更改。此功能在浏览器中运行良好，但在HTA (HTML应用程序)中不起作用
我的代码
<html>
<head>
<script language="javascript">
function change()
{
var sel=document.getElementById("second")
var val=document.getElementById("first").value
if(val
浏览 0提问于2015-09-15得票数 3
1回答
我有一个带厚框的iframe弹出窗口：
<a href="popupPage.jsp?keepThis=true&TB_iframe=true&height=250&width=400" title="adis" class="thickbox">Example 1</a>
开场很不错。在弹出窗口中，我有一个textbox，必须将该textbox中的值复制到父JSP页面上的textbox中。
我试过几种方法，比如
function update() {
window.opener.doc
浏览 0提问于2010-12-20得票数 0
回答已采纳
<div class="falling-leaves"></div>
if (type == "weather") {
doc.getElementById('windspeed').innerHTML = " " + weather.windSpeed + " km/s";
var windsp = doc.getElementById('windspeed');
if (windsp <= 15){
浏览 0提问于2019-06-04得票数 0
为什么$('#select_embed')属性被设置为true，而不是false？相反，我尝试了removeAttribute('required')，但这也不起作用。
<script>
function showBundles(){
if (document.getElementById("embed").checked){
$('#div_embed_bundles').show('fast')
$('#select_
浏览 1提问于2011-09-01得票数 17
回答已采纳
2回答
如何将aria-label添加到按钮？发自： <button type="button" class="owl-dot active"><span></span></button> 至： <button role="button" aria-label="slide-dot" class="owl-dot active"><span></span></button> 我试过使用document.getElement
浏览 10提问于2020-09-17得票数 1
我正在做Firefox扩展，我有一个变量的问题。扩展适用于在几个选项卡中打开的文件(chrome://myextension/content/document.html)。我希望它在每个选项卡中存储一个值，所以我决定将它存储在一个html对象中，这些对象具有"Object“id：
data="foobar"
node=gBrowser.contentDocument.getElementById("ObjectId");
node.setUserData('data', data, {handle:function () {}});
由于
浏览 2提问于2009-10-10得票数 1
下面是背景:我编写了一个Javascript函数，它使用搜索字段搜索相关链接的列表，并根据用户的偏好在同一页面的div中显示搜索到的链接，或者使用_blank在新窗口中显示该链接。
我很快意识到我的问题是，如果用户选择在div中而不是在新选项卡中加载页面，我希望用户仍然能够看到完整的页面URL。我希望他们仍然能够复制/粘贴URL。我想既然我已经让Javascript函数创建了完整的链接，我可以简单地添加一个'document.getElementByID('IDHERE').value = processedPage;，但这(不管是什么原因)似乎不起作用？
下面是我的J
浏览 0提问于2012-07-31得票数 0
我想当提交按钮被点击，比较的收入和开支的数额，结果将显示为弹出。
但不起作用。你认为问题在哪里？
var income = document.getElementById('income').value;
var outgo = document.getElementById('outgo').value;
function incomeCalculation() {
if (income > outgo) {
alert('income > outgo');
} else if (outgo &
浏览 5提问于2021-04-16得票数 0
回答已采纳
我的问题很简单，但是我不明白为什么它不能在if/loop中工作。下面是一些示例：
工作一：
private void button1_Click(object sender, EventArgs e)
{
webBrowser1.Document.GetElementById("login").SetAttribute("value", "something");
webBrowser1.Document.GetElementById("password").SetAttribute("value"
浏览 2提问于2012-09-30得票数 0
回答已采纳
3回答
在回发时保持div显示
、、、、
我有一个web用户控件和一个div；一些jQuery切换div的可见性。还有一个asp:按钮可以启动一些服务器端代码。
我需要在回发后恢复div的能见度。
我正在跟踪解决方案中发布的更新解决方案。这是我的代码：
在ascx的顶部，在登记册之后：
<script>
function SetHiddenValue()
{
var campo = document.getElementById("<% =hidHiddenField.ClientID %>");
if(campo.Value == "NO")
浏览 3提问于2011-11-08得票数 1
回答已采纳
1回答
试图用javascript中断行，但它不起作用。
document.getElementById('section').textContent = "Hello world<br>" + msg;
我也试过：
document.getElementById('section').textContent = "Hello world" + /n msg;
也没用..。我是不是遗漏了什么？
浏览 0提问于2015-05-19得票数 0
回答已采纳
2回答
下面是我的html代码：
<html>
<style>
body {
font-size: 18px;
}
</style>
<body>
<span id="tiger" style='font-size:100px;'>💡</span>
<button id="btn">SET TIGER</button>
<script>
documen
浏览 5提问于2020-03-24得票数 4
假设我有以下形式：
<form id="myForm">
<input id="my.input.blabla"></input>
</form>
如果输入中包含点，我该如何选择？
就像这样
document.getElementById("myForm").getElementById("my.input.blabla");
不起作用。
浏览 5提问于2014-06-26得票数 2
1回答
编辑
因此，在更多地处理这个问题后，比原先想象的要复杂一些，虽然我找到了一个解决办法，但我很想知道为什么会发生这种情况，下面是更新：
我创建了以下函数来使用HTML填充表单字段：
function populateField(fieldname, value) {
document.getElementById(fieldname).value = value;
}
然后，在我的php代码的主要部分中，我调用该函数并将字段的ID和我想要设置的值传递给它，设置如下：
echo('<script>');
echo('populateFie
浏览 2提问于2020-07-25得票数 0
我需要在JavaScript函数中获取DatetimePicker值。我做了这样的东西，但它不起作用：
$("#date").click( function(){
alert(document.getElementById('datetimepicker1').value);
});
它给了我“未定义的”
浏览 128提问于2013-05-16得票数 28
回答已采纳
<html>
<head>
<script src="edvTextGame.js"></script>
<link rel="stylesheet" href="placeholder.css">
</head>
<div class="firstScreen">
<div class="Title Fade">Placeholder</di
浏览 11提问于2015-11-11得票数 0
这是我的职责
function selectdata($conn)
{
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT * FROM `schb1` WHERE ID= '2019_March_W1_friday_1'";
$result = $conn->query($sql);
if ($result->num_rows &
浏览 4提问于2019-03-03得票数 1
2回答
使用输入标记的值更改对象的属性？
、、、、
我只是试图更改特定对象的值，但是这个值是从我使用getElementById()的输入标记中提取出来的。我收到一个错误，说明我不能调用未定义的getElementById()
interfaces[idx].document.getElementById(panel).style.fontSize = document.getElementById('fsizes').value +'px';
和
document.getElementById(panel).style.fontSize = interfaces[idx].document.getElement
浏览 3提问于2012-03-26得票数 0
我试过在stackoverflow上查找，但找不到和我一样的问题--我确信这个问题很容易解决，但不知何故……它不工作。
我有一些输入，它们将以计算器格式加/乘/减/除等。我想要的是通过在函数块之外声明变量来删除对getElementById的不必要引用(我不想要任何花哨的多重getElementById赋值)。
我的Javascript如下：
//Declarations: designed to minimze calls to document.getElementByID
var number1 = document.getElementById("num1");
浏览 0提问于2011-09-08得票数 4
回答已采纳
为什么这不起作用？我认为如果我将"prw“和"prh”变量设置在计算它们的函数之外，但在作用域函数内，它会起作用。但事实并非如此！我做错了什么？
$(document).ready(function() {
var wrap = document.getElementById('imdiv');
var img = wrap.getElementsByTagName('img')[0];
var prw;
var prh;
浏览 0提问于2013-07-17得票数 0
回答已采纳
我是新来这个论坛的。在将"target“属性传递到embed vlc标记时，我遇到了一个小问题。请查看下面的代码并帮助我..
我尝试更改"width“属性，但更改成功。我不明白为什么只有"target“有问题。但是，如果我们直接将目标添加到embed标记中，它就会起作用。
请帮帮我。
我的目标是能够传递不同的文件路径，以便查看我想要的视频。我尝试使用video标签并更改其src属性，但也不起作用。以下是代码
<html>
<head>
<script language="javascript">
window.onl
浏览 0提问于2012-03-19得票数 2
如何清空加载页面时自动显示的timePicker值输入？问题是，当我提交表单时，它会发送所有内容。
<script>
$(document).ready(function(){
document.getElementById('sundayFrom_Box').onchange = function() {
document.getElementById('sundayFrom').disabled = !this.checked;
document.getElementById('sundayTo').dis
浏览 3提问于2016-06-09得票数 0
1回答
如何正确使用本地存储
、、、
我正在创建一种形式的题词，我想从第一页的信息显示在第二页。我尝试过使用本地存储，但它不起作用。
我试过在相同的页面中进行测试，但当我尝试使用localstorage进行测试时，它不起作用，当我单击提交时，它会重新加载页面，但没有任何反应
下面是第一页的代码：
function rform()
{
document.getElemeentByName('insc').reset;
}
function client()
{
var sexe=document.getElemeentByName('gender');
var userT=
浏览 10提问于2019-08-12得票数 0
我有一个这样的HTML片段来显示产品图像：
<img src="/some/path" border="0" id="bigImg" data-zoom-image="/some/path">
代码data- zoom -image是指向较大图像的路径，因此在鼠标悬停时，它可以放大图像。
我还有一个JavaScript函数，当我点击其他地方时，它会改变图片...如下所示：
function showLarge(path)
{
var full_path = 'upload/product_image/lar
浏览 2提问于2014-03-10得票数 0
4回答
感谢每个人的编辑！
我在页面上有一个cookie，当页面加载时，我想将cookie中的值作为默认值放入输入框中。
然而，它不会工作，我找不到问题。我甚至做了一个测试div，并试图改变它，但它不起作用。
function checkCookie() {
var cookieName = getCookie("username");
if (cookieName != null && cookieName != "") {
alert(cookieName);
document.getElementB
浏览 10提问于2013-05-17得票数 0
回答已采纳
我正在尝试创建一个具有图像的元素，用于windows窗体with浏览器控制现有站点。然后，我想将创建的元素移动到某个位置。我有这段代码，但不起作用。
private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
webBrowser1.Document.GetElementById("gpu_notice").Style = "display:none";
webBrowser1.D
浏览 5提问于2015-11-01得票数 0
但是，我有以下代码不起作用：
let dummyDOM = document.createElement( 'html' );
dummyDOM.innerHTML = text;
const html = dummyDOM.getElementById("someID");
我收到：Uncaught (in promise) TypeError: dummyDOM.getElementById is not a function
我知道如何通过类名获取元素，但是我还没有看到通过ID获取元素的方法。
浏览 12提问于2022-11-04得票数 0
回答已采纳
我已经成功地创建了下面的代码，但是我无法自动填充在图像中用红色箭头标记的字段，因为HTML代码中没有可用的ID。
图像中显示的所有选项卡都没有ID。
填充这些信息的编码应该是什么？
Sub TDS_Autofill()
Dim IE As Object
Set IE = CreateObject("InternetExplorer.Application")
IE.Visible = True
IE.navigate "https://onlineservices.tin.egov-nsdl.com/etaxnew/tdsnontds.jsp"
Do
浏览 0提问于2019-10-14得票数 1
回答已采纳
2回答
如何改变输入值？
、、
我正在自动化一个网站的测试，但我在更新输入值时遇到了困难。如果我更改了值，我尝试更新的值似乎就不会在活动DOM中更新，这会导致提交后什么都不会发生。
我甚至尝试过检查元素，并手动更改了值，但它仍然不起作用。
IJavaScriptExecutor jse = (IJavaScriptExecutor)driver;
jse.ExecuteScript(
"document.getElementById('ScheduleTime').setAttribute('value','2020-01-01 00:00')"
);
d
浏览 5提问于2017-11-02得票数 1
回答已采纳
2回答
我有一个页面，它从一个全局样式表中获得了一个很大的左边距，我不允许更改它。页边距实际上是由脚本/样式表内联编写的，所以我不能在打印样式中更改它。我找到了一个jQuery解决方案，它似乎可以在FF和IE中工作，但不幸的是在Chrome中不行。jquery函数：
$('#page').each(function(idx,el){
el.style.margin='';
});
我尝试了所有的方法，从jquery css(‘margin left’，'0')到使用DOM属性，但都不起作用！任何帮助都是非常感谢的。
document.getEleme
浏览 0提问于2011-12-29得票数 1
回答已采纳
2回答
我创造了这样的东西
<textarea id='txtarea'>Dear Sir/Madam
Sincerely,
[Your Name]
</textarea><br/><input id="btn" value='Add Date' type="button"/>
<script>
var textarea=document.getElementById('txtarea'),pos=0
textarea.focus()
docu
浏览 2提问于2013-08-22得票数 2
回答已采纳
3回答
当我点击文本区域中的“enter”按钮时，我想添加一个项目符号。下面是代码。它根本不起作用。我说错了吗？
<script>
$(".todolist").focus(function() {
if(document.getElementById('todolist').value === ''){
document.getElementById('todolist').value +='• ';
}
});
$(".todolist").keyup(fu
浏览 0提问于2016-05-27得票数 0
将变量作为参数发送在此代码中不起作用
document.write('<input type="text" id="argument">');
var testArg = document.getElementById('argument').value;
document.write('<button onclick="sendArg(\'' + testArg + '\')">Display Argument</button>
浏览 2提问于2017-04-06得票数 0
你好，我是javascript的新手，所以如果答案看起来很明显，请原谅我。
这是我的代码，在主体中单击一个按钮即可执行
function q() {
var A = document.getElementById("time_one").value;
var B = document.getElementById("time_two").value;
var C = document.getElementById("post_number").value;
var D = (B - A) / C;
浏览 2提问于2015-12-17得票数 1
我正在尝试使用以下内容设置对象的CSS样式：
document.getElementById(obj).style='font-weight:bold; color:#333;';
但它不起作用。有人知道为什么吗？
浏览 1提问于2009-06-29得票数 1
回答已采纳
1回答
我的主要问题是在我的网站上初始化代码编辑器(CodeMirror)的文本/值，而不会影响我将POST请求保存/发送到后端的方式。下面是用于POST请求的pug代码：
p
form(id='form' method='POST', action='/docs/edit/'+docs._id)
textarea(name="doo" id="content" style="display: none;")=docs.content
textarea(name="foo"
浏览 3提问于2019-12-19得票数 0
回答已采纳
我希望有人能帮我解决这个问题，我是个javascript新手。我正在尝试根据HTML文件中的状态更改文本的颜色。
<td id="payment_status_cl" style="text-align: center; height:25px"><%=resultSet.getString("payment_status")%></td>
如果我在javascript中插入if/else语句，它将不起作用。但是，如果没有if/else语句，它就可以工作。例如：
此选项仅更改一种状态的颜色：
function
浏览 0提问于2020-07-19得票数 1
为什么设置文本区的文本不起作用？
document.getElementById("code").value = "hey farmer";
我甚至尝试过：document.getElementById('code').value = "hey farmer";
有没有办法使用getElementByName来设置值？
任何帮助我们都将不胜感激
html
<form>
<textarea id="code" name="code">
浏览 0提问于2013-09-20得票数 0
2回答
由于某种原因，我的Javascript代码不起作用。但是，当我删除一些Javascript行时，它可以正常工作。
我做错了什么？
HTML：
<span id="21" class="addon-price">€ 0,00 p.m.</span>
<span id="57" class="addon-price">€ 0,00 p.m.</span>
Javascript：
document.getElementById("17").innerHTML = "
浏览 4提问于2016-08-16得票数 0
回答已采纳
1回答
我是来建立一个页面编辑器的。有一个问题让我在火狐上发疯了。
页面代码如下：
<body>
<iframe WIDTH=200 HEIGHT=200 id="myEditor"></iframe>
<script>
function getIFrameDocument(sID){
// if contentDocument exists, W3C compliant (Mozilla)
if (document.getElementById(sID).contentDocument){
浏览 0提问于2009-04-12得票数 0
回答已采纳
我有以下代码：
function show(){
var a=document.getElementById('somediv').style.display;
a="block";
}
上面的代码不起作用，如果我们使用
{
var a=document.getElementById('somediv');
a.style.display="block";
}
上面的代码有什么问题？
浏览 4提问于2012-04-07得票数 1
回答已采纳
我知道有很多关于这个问题的话题，但我找不到任何帮助，我真的很沮丧……
因此，我尝试在HTML文档中使用外部javascript，但它不起作用。我不想将任何脚本直接插入到HTML文档中，而是使用外部脚本。我试着把它插入到文档顶部的"head“标签之间。不起作用。然后我将"script“标签移到了"/body”标签的正上方，所以在我的body部分的最底部。还是不能工作。代码如下：
var imagesArray = ["images/1.jpg","images/2.jpg","images/3.jpg","ima
浏览 0提问于2016-02-20得票数 0
我做了一些代码来改变我的形象位置
这段代码可以运行一次，但不能第二次运行。
function prev() {
if(document.getElementById("bookCon").style.left=="0px"){}
else {
document.getElementById("bookCon").style.right-="800px";
}
浏览 2提问于2013-11-13得票数 0
回答已采纳
firebase.initializeApp(firebaseConfig);
const auth = firebase.auth();
function signUp(){
var email = document.getElementById("emailsu");
var password = document.getElementById("passwordsu");
const promise = auth.createUserWithEmailAndPassword(em
浏览 0提问于2021-02-01得票数 2
回答已采纳
我想做以下几点：
HTML代码
<body>
<form name="myform">
<table>
<tr>
<td>First Name:</td>
<td><input type="text" id="first_name"></td>
<td><p id="demo"></p>
浏览 0提问于2015-10-04得票数 -3
回答已采纳
在模式窗口中读取隐藏和视图中的数据--它起作用了。从模式转变为弹出式-停止工作。我不知道怎么改正。拜托帮帮忙，试过很多事。
<div id="myPopoverContent">
.....
<span id="ip_view">no ip</span>
</div>
<a tabindex='0' class='btn btn-danger' role='button' id='pop' data-toggle='
浏览 2提问于2015-03-23得票数 0
回答已采纳
1回答
我正在尝试填写一个没有JQuery的站点上的文本输入。然而，当我试图使用Javascript的getElementById函数并使用时，我仍然会得到一个空返回。
如何复制：
转到W3Schools：
将此添加为书签：
javascript:(function(){
console.log(document.getElementById("myText"));
})();
单击书签，在控制台中看到"null“，而不是文本输入。
(要获得所需的输出，您可以将w3的代码更改为console.log元素，而不是更改它的值，然后单击w3的“尝试它”按钮)
--
这里的目标
浏览 0提问于2019-03-08得票数 0
回答已采纳
我使用Rails 5.1创建一个简单的搜索，该搜索使用表单中的单个文本字段，该字段从SQLITE3 DB获取数据，并在新的HTML页面上的表中返回数据。搜索表单是一个呈现表单，它将搜索的值传递给控制器。
index.html.erb
<%= render 'search', foo: @foo %>
_search.html.erb
<div>
<%= form_tag(search_home_index_path, :method => 'get', id: 'search_form') do %&g
浏览 0提问于2018-03-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
