其他框架中的javascript document.getElementById
在云计算领域中，document.getElementById 是一个常用的 JavaScript 方法，用于从 HTML 文档中选择具有特定 ID 的元素。这个方法是 Web 开发中的基本技术，与云计算直接关系不大。
在 HTML 文档中，每个元素可以有一个唯一的 ID，这个 ID 可以用来标识这个元素。document.getElementById 方法接受一个字符串参数，这个字符串就是要选择的元素的 ID。如果找到这个 ID，该方法将返回对应的元素对象；如果找不到，该方法将返回 null。
例如，在以下 HTML 文档中：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="test">Hello, world!</div>
<script>
var element = document.getElementById("test");
console.log(element.innerHTML); // 输出 "Hello, world!"
</script>
</body>
</html>document.getElementById("test") 将返回 <div id="test"> 元素的对象，因为它的 ID 是 "test"。
需要注意的是，document.getElementById 只能选择具有 ID 的元素，不能选择类或其他属性。此外，这个方法只能选择文档中的元素，不能选择跨域的元素。如果需要更复杂的选择器，可以使用 querySelector 或 querySelectorAll 方法。
总之，document.getElementById 是一个在 Web 开发中常用的方法，与云计算领域没有直接关系。
相关·内容
1回答
我有一个适用于iOS设备的web应用程序。我有一个讨厌的链接，它调用一个javascript函数来显示和隐藏div层。然而，它不是在webapp视图中执行这个javascript显示/隐藏，而是在safari中关闭并加载页面和javascript。
我想让它在webapp视图中执行javascript。我知道这是可能的，因为我在页面上成功地运行了其他javascript，但是它不是由链接调用的。
这是我的Javascript：
<script language="javascript" type="text/javascript">
funct
浏览 0提问于2010-11-07得票数 0
回答已采纳
我有一个文件- index.html，它嵌入了script.js。
Script.js -正在呈现html <a href="url.html" id="url">标记。
我想在index.html中插入这段代码，它显示HREF值，由script.js呈现：
var d = document.getElementById( 'url' );
alert(d.href);
但是这个脚本只在标记上工作，这些标记是编写的index.html。
如何把剧本写好？
index.html
<script type="text/jav
浏览 0提问于2013-09-24得票数 1
我试过css
iframe {
margin: 0px;
padding: 0px;
width: 100%;
height:100%;
}
我也尝试过javascript。
function resize()
{
document.getElementById('dashIframe').style.height = top.main.clientHeight + 'px';
}
但是我不能把iframe调到100%的高度
浏览 2提问于2011-07-29得票数 0
回答已采纳
4回答
我正在使用ajax和C#的网站工作。我几个月前开始学习这些语言，所以我并不总是确定完成任务的最佳实践是什么。
我有一个窗体，其中某些控件需要根据用户的操作进行隐藏或显示。它首先显示一个"id“字段(以及其他字段)，但如果用户不知道他们的id，他们会单击一个链接，这会导致"id”字段隐藏，并显示一个包含其他控件和"find“按钮的表。我目前正在使用Javascript来处理单击和隐藏/显示控件：
function showSearchTable() {
document.getElementById('IDNumberRow').style.dis
浏览 2提问于2011-11-05得票数 3
回答已采纳
2回答
在Javascript中，我们使用以下代码访问框架的HTML元素。
<br/>
var element;
element=parent.frames[0].document.getElementById("btnLogin");
我们如何使用Jquery做到这一点呢？谢谢，拉维
浏览 2提问于2011-12-02得票数 2
我在<asp:table>的列中有iframe。我想在javascript中获得iframe的对象。我在<body>部分尝试过这样的方法：
<script type="text/javascript">
function resizeIframe()
{
var height = document.documentElement.clientHeight;
height -= document.getElementById('frame').offsetTop;
浏览 3提问于2011-10-11得票数 0
回答已采纳
我在许多页面上使用ajax ModalPopupExtender来显示确认对话框。
因此，我希望通过将代码放在use控件中，在所有页面上重用相同的代码。但是我不确定是否有可能从javascript访问这个用户控件(我不想要服务器端操作)。
这是负责弹出窗口显示的代码，我想把它放在用户控件中：
<script language="javascript" type="text/javascript">
var _source;
var _popup;
var _btn;
var _div;
function sh
浏览 0提问于2009-07-03得票数 1
回答已采纳
所以我有这个jsp，我在javascript中创建了一个函数，它接受ArrayList<Product>作为参数。我想知道是否可以访问我的实体的getter和setter在我的脚本标记中。有可能吗？我有这样的代码：
function compute(products) {
var productid1 = document.getElementById("product1").value;
var productquantity1= document.getElementById("produc
浏览 1提问于2014-03-06得票数 0
回答已采纳
我有表单域，该表单域与以下javascript代码提交到下一页，代码在firefox中运行良好，但表单在internet explorer中没有提交。
function addarray(formId)
{
var ara = tmm.length;
//alert(ara);
for(var sds=0; sds < tmm.length; sds++)
{
var sss = tmm[sds];;
ara = ara+"*#*#*"+sss;
//alert(ara);
if(ss
浏览 1提问于2011-01-27得票数 0
3回答
创建全局变量js
、、、
我需要在HTML中显示JS变量。
<script language="JavaScript">
function showHide(toShow,toHide,theValue) {
obj = document.getElementById(toShow);
obj2 = document.getElementById(toHide);
obj.style.display = 'block';
obj2.style.display = 'none';
}
</script>
但是我
浏览 0提问于2011-09-11得票数 0
我在页面中有一个IFrame，而IFrame有一些JavaScript。在运行时，IFrame中的JavaScript给出了异常，我想在父窗口上捕获它。如何做到这一点？
<html>
<head>
<script type="text/javascript">
var frm123 = document.getElementById("frm123");
frm123.contentWindow.onerror = function() {
alert('error caught');
}
浏览 0提问于2011-06-13得票数 18
如何在Javascript中调用"onclick“事件？我不想在HTML页面中使用任何事件。下面的代码不工作。
HTML：
<div id="myProgress">
<div id="myBar">
<div id="label">10%</div>
</div>
</div>
<button type="button" id="blah">Click Me<
浏览 8提问于2016-05-01得票数 2
回答已采纳
1回答
我在html中有一个javascript；它可以显示PNG，JPEG和网站(如：https://i.imgur.com/KfehB6D.png，https://svgshare.com/i/Gzk.svg)，但不显示SVG(本地)。 这是我的javascript： var img = 0;
var images = [ 'abc.svg', 'syz.svg' ];
var showHide = document.getElementById('showhide');
var showHideImg = document.getElementB
浏览 23提问于2019-12-27得票数 0
2回答
Ajax加载图形
、、
因此，我不是JavaScript天才，但我可以很好地遵循教程。我得到了我的Ajax JavaScript请求。如何才能在请求信息时制作.gif动画？代码如下：
function ajaxFunction(){
var ajaxRequest; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet E
浏览 1提问于2011-06-05得票数 1
回答已采纳
1回答
防点击劫持代码导致页面不断刷新
、、、、
我有一个Wordpress网站，我有以下代码来防止点击劫持：
<script type="text/javascript">
if (self === top) {
var antiClickjack = document.getElementById("antiClickjack");
antiClickjack.parentNode.removeChild(antiClickjack);
} else {
top.location = self.location;
}
</scri
浏览 1提问于2015-04-15得票数 1
4回答
我有我已经张贴在我的网页下面的代码。如您所见，它使用body onload函数启动脚本。有什么方法可以让这个脚本在没有这个和在JavaScript中工作吗？
<!doctype html>
<html>
<head>
<script type="text/javascript">
function box(query){
return document.getElementById(query)
}
</script>
</head>
<body onload="box('quer
浏览 0提问于2011-05-01得票数 0
回答已采纳
问题陈述
所以我有一个普通的javascript项目，我被分配到这个项目中去做一些修改，
他们希望在普通的javascript应用程序中使用react组件。
因此，我必须将普通javascript应用程序中的所有按钮替换为react组件(我可以使用material按钮)，所有卡和标头组件也必须替换。
条件不需要创建新的react应用程序，使用现有的javascript应用程序并进行一些修改。
document.getElementById('container').innerHTML= `<div>
<
浏览 4提问于2022-06-17得票数 0
2回答
我有一个带有Iframe的页面。我使用以下代码来获取Iframe的大小：
<script language="javascript">
function sn()
{
alert('height is now '+document.getElementById("Iframemain").height)
alert('height is now '+document.getElementById("Iframemain").width)
}
</script>
<input type
浏览 0提问于2011-11-17得票数 2
回答已采纳
1回答
您好，是否可以使用javascript单击加载到iframe中的外部站点上的链接？链接为<a href="#" onclick=Center.Add('micro1')>micro</a>
<div id="frameContainer"></div>
<script type="text/javascript">
onload=function(){
var el=document.getElementById("frameContainer")
el.
浏览 2提问于2011-04-16得票数 0
回答已采纳
发生了一些奇怪的事情，但是我似乎不能让JavaScript代码document.getElementById在PHP中工作……
例如，将以下PHP代码(如下所示)加载到PHP文件中并运行它，是否会出现JavaScript警报？但是，如果您复制PHP回显(或打印)的源代码并将其作为HTML文件运行，是否会出现JavaScript警报？那么，任何在PHP标记内创建的元素都不能在JavaScript中运行，即使JavaScript保存在PHP标记之外也是如此？
以下是PHP演示代码：
<?php
print "
<iframe id='my_id' name=&
浏览 2提问于2012-11-07得票数 5
回答已采纳
我正在尝试在包含框架的IE11网页上执行javascript，并且我正在使用VBA来执行javascript。这是我的第一次尝试，所以我可能犯了一些新手错误。我试图自动执行的操作是按下文件夹上的"+“号来展开它。我已经看到了很多关于这个主题的讨论，我已经尝试将我认为与我的代码相关的内容包括在内。但是经过多次尝试，我仍然不能让它工作。我正在尝试使用的VBA代码如下所示。下面对execScript的每一次调用都是试图执行javascript。我收到的VBA错误消息作为注释放在每次调用之前。提前感谢您所能提供的任何帮助。
Dim doc As MSHTML.I
浏览 0提问于2016-11-18得票数 1
我想通过使用javascript访问iframe来隐藏一些东西，所以我编写了这个javascript函数。
function changeCSS(){
frame = document.getElementById('frame1');
frame.contentWindow.document.getElementById('GlobalTitleAreaImage').style.display='none';
}
然后，我在加载iframe ( changecss())时调用了函数(onload= javascript: changec
浏览 1提问于2011-05-18得票数 2
回答已采纳
2回答
所以，在Javascript中，我只做了一个简单的循环，它应该调用函数3次，但是相反，它执行了循环中的所有内容3次，之后它调用了函数3次。知道为什么会发生这种事吗
function latest_update() {
for(var i = 1; i <= 3; i++) {
var id = parseInt(document.getElementById("event_id"+i).innerHTML);
alert("testing");
浏览 6提问于2016-01-15得票数 0
回答已采纳
1回答
我正在学习CakePHP，我需要做一个AJAX菜单(一个菜单，一旦你点击链接就不会重新加载页面)。
我可以很容易地使用JavaScript这样做：
function loadPage(page) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("container&#
浏览 0提问于2018-05-07得票数 1
回答已采纳
5回答
我正在修改现有的遗留网页(我不应该修改现有的部分，而是添加)，并且网页使用document.write来编写某些html元素。当我使用
<script type="text/javascript" language="javascript">
var v = document.getElementById('td_date_cal_0');
alert(v);
</script>
V变为null，当我创建按钮并单击
<input type="button" id="mnbutto
浏览 1提问于2009-05-15得票数 0
1回答
我有一个脚本，例如：
<script> document.body....make something and draw many things in the browser </script>
我想在iframe中执行沙盒。如何在iframe中加载这段javascript？
我正在尝试不起作用的方法：
document.getElementById('previewFrame').contentWindow.document.body.innerHTML = "<script language='javascript'&g
浏览 4提问于2012-09-22得票数 2
回答已采纳
这似乎是一个幼稚的问题，但我对Java和tomcat还很陌生。我试图在javascript文件中通过.post方法调用servlet方法。javascript在.jsp文件中使用。只要servlet与jsp位于同一个目录中，一切都可以正常工作，但是当我更改文件路径时，无论我做什么，都无法让它工作。我试过这些：
$.post("./classes/myServlets/WEB-INF/order", $.param(data), function(response) {
document.getElementById("Table").innerH
浏览 3提问于2017-11-29得票数 1
回答已采纳
在试图理解javascript最佳实践的过程中，我试图通过从外部javascript文件中添加一个事件侦听器来重新创建一个内联javascript。
内联代码运行良好，如下所示：
<p id="inline" align="left">
This is a body paragraph which changes alignment
when a user clicks on a link below
</p>
<p>
<a href="" onclick="docume
浏览 0提问于2011-01-28得票数 1
回答已采纳
我有一个我正在构建的页面，它需要使用iframe，以便我们可以在内容周围有一个包装器，也可以在没有包装器的情况下显示它。我已经想出了一些自动检测iframe高度的JS，但是其中的内容会扩展，iframe无法识别这一点。我假设我需要在框架内容中想出一些onclick，这将触发iframe再次调整大小，但到目前为止都被卡住了。
下面是我在head部分为自动调整iframe大小的函数提供的JS：
<script type="text/JavaScript">
function autoResize(id){
//alert('chec
浏览 0提问于2013-09-06得票数 0
我打算用javascript抓取一个HTML元素，该元素位于一个嵌套在iframe和frameset中的框架中。HTML结构如下所示：
<iframe id="central_iframe" name="central_iframe" (...)>
<frameset cols="185, *" border="0" framespacing="0" frameborder="0">
<frame src="/subdomain"
浏览 4提问于2012-10-22得票数 1
回答已采纳
我想全局重新定义一个createElement方法，但不幸的是，它只在主文档中有效，而在iframes中被忽略。让我们以这个示例代码为例：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
old_createElement = document.createElement;
document.createElement = function(el_type) {
new_el = old_crea
浏览 5提问于2016-04-10得票数 0
1回答
我试图在包含google表单的iframe中使用jQuery/javascript。下面是代码片段：
<body>
<iframe id="myFormFrame" src="https://docs.google.com/forms/d/smfjkafj809890dfafhfdfd/viewform?embedded=true" width="760" height="1750" frameborder="0" marginheight="0" marginwidth="
浏览 3提问于2014-10-18得票数 0
回答已采纳
我能得到帮助来纠正下面的代码吗？您可以直接复制和粘贴，然后自己尝试。将鼠标悬停在弹出的div上。如果我点击(X)，弹出的div应该会关闭，但它没有。只有双击(X)才会关闭弹出的div。在鼠标经过时，它应该总是显示一个弹出式div。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<style type="text/css">
.container {
display:block;
width:500px;
height:200px;
borde
浏览 2提问于2011-08-16得票数 0
1回答
设置使用多个jQuery版本进行测试的单元测试(特别是使用Jasmine)的最佳方式是什么？最明显的方法是让全局测试页面简单地设置一系列iframe，但我想知道是否有一种方法可以在单个页面中实现它。作为一个幼稚的第一次尝试，我尝试了以下方法，但无法运行任何测试。
有没有人知道如何修改这一点，或者采取更好的方法？
function testSuite() {
describe("jquery.flickbook", function() {
it("makes testing JavaScript awesome!", function
浏览 2提问于2012-01-09得票数 3
我是Javascript的新手。
我想翻译我的网页没有另一个html页面。
为了做到这一点，我正在实验这段代码：
<a href="javascript:myFunction()"><img src="img/Fr-Flag.png"></a>
<a href="javascript:myFunction2()"><img src="img/UK-Flag.png"></a>
<h2 id="translate">Title<
浏览 1提问于2016-04-05得票数 0
回答已采纳
我用javascript编写了一个代码来帮助我管理我的页面，但它在IE和Safari中似乎有一些问题，它在firefox中像往常一样工作得很好，但在其他浏览器中却不起作用。切换功能是选择所有可见的复选框，发送sms将捕获复选框的所有值并转到另一个链接，而筛选表将帮助筛选表上的内容。
<script type="text/javascript">
function toggle() {
var checkboxes = document.getElementsByName('parasms');
for each(var checkbo
浏览 0提问于2012-03-06得票数 1
回答已采纳
我想把我的IBM MobileFirst应用程序连接到我的数据库，
我使用wampserver (localhost)、username = "root“、password =”.“、数据库名= "mydatabase”。
在我的MobileFirst项目中，我创建了一个SQL适配器"myAdapter“。
在myAdapter.xml内部，下面是代码：
<connectivity>
<connectionPolicy xsi:type="sql:SQLConnectionPolicy">
<!--
浏览 5提问于2015-05-07得票数 0
回答已采纳
3回答
我有一个iframe，我想在其中隐藏一个div，所以基本上人们不能在iframe中注销。
我所做的是：
<script type="text/javascript">
function changeCSS(){
frame = document.getElementById("myIframe");
frame.document.getElementById("guser").style.display='none';
}
</script>
<iframe onload="javascri
浏览 0提问于2010-11-23得票数 1
回答已采纳
1回答
我遵循了一些关于日志表单的在线教程，但在我看来它们太简单了。我的意思是，他们总是将用户名和密码发送到同一个PHP页面，该页面执行身份验证和显示结果。
我只是想知道是否有可能将前端和后端的逻辑分开。前端只负责发送和接收请求，后端负责数据库连接和认证。后端应将结果返回给前端，前端相应地显示结果。
我不得不承认，我是web开发的新手，我真的不知道这是不是正确的方向，因此寻求您的专业帮助。
下面是我的设计：
前端有一个按钮，调用javascript函数发送和接收请求。
<button type="button" onclick="javascript:queryLogin
浏览 3提问于2015-02-25得票数 2
这是我到目前为止使用这篇文章的内容：
问题是函数resizeIframe()在再次调用之后似乎不会改变任何东西。帧大小没有变化。
这是我的完整代码：
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
$(document).ready(function() {
// change iframe based on drop down menu //
$('#dropdown').clic
浏览 2提问于2015-01-26得票数 3
回答已采纳
1回答
这是我的js代码
<script type='text/javascript'>
// Browser safe opacity handling function
function setOpacity( value ) {
document.getElementById("popup").style.opacity = value / 10;
document.getElementById("popup").style.filter = 'alpha(opacity=' + value *
浏览 2提问于2010-01-25得票数 0
回答已采纳
在我的ADF应用程序中，#attachmentTxt元素中的值将从service/DB返回一个布尔值。如果值返回true，我尝试显示activeImage对象，如果返回false，则仅显示空白。我只限于使用标准的Javascript，没有像jQuery这样的外部语言。
<af:outputText id="attachmentTxt" value="#{bean.attachment}" visible="false" />
<af:activeImage id="attachmentImg" source=&#
浏览 2提问于2017-07-22得票数 0
回答已采纳
我有一个主页，其中包含一个框架集与一些框架。我需要从主页中的javascript方法访问并设置其中一个框架中按钮的文本。
我相信window.frames才是问题所在。它可以在IE6中运行，但不能在火狐中运行。有没有其他东西可以替代它，让它在所有浏览器上都能工作？
任何帮助都将不胜感激。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="
浏览 0提问于2009-11-20得票数 1
我正在使用ZendFramework2开发一个应用程序，我使用两个选择框。第一个由数据库中的数据填充，第二个是空的。
单击按钮将所选选项从第一选择传递给第二选择(通过Javascript)之后，我在第一个select上设置了禁用属性到“禁用”，这样就不能选择其他选项，因此可以传递给第二个select。
//Whithin javascript function
var s = document.getElementById('firstSelect');
s.setAttribute("disabled","disabled");
浏览 0提问于2012-12-14得票数 0
1回答
在HTML网页中，我使用Firefox 31.0实现了以下场景。包含框架的框架集，以及执行某些评估/功能的按钮。我的问题是，我想重新加载一个框架后，提交了一个POST表单。有关框架的总体布局，请参见图片。
框架“编辑”中的HTML表单如下所示：
<form name="edit_this" id="edit_this" action="http://example.com" method="post">
<input type="hidden" name="fnc"
浏览 2提问于2014-08-09得票数 0
2回答
我有下面的代码
<!doctype html>
<html class="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nieuwe gebruiker | Sociale buurt</title>
<link href="boilerplate.css
浏览 0提问于2013-05-01得票数 0
我有一个书签，可以打开我的谷歌日历页面()，还有一个书签，上面有一些javascript：
javascript:document.getElementById('gadgetcell').setAttribute('style'，'width:300px');document.getElementsByClassName('sn-frame').setAttribute('style'，‘宽度:300px’)；
有没有办法把它们合并到一个单独的bookmarklet中，这样我就不用一直点击两次了？
谢谢!
浏览 0提问于2010-07-15得票数 1
回答已采纳
当我从本地机器调用Amazon实例时，我面临着这个错误-- ，在控制台中，它显示了这个问题：。在'< URL >‘中，它是：
https://<亚马逊连接实例名>.my.connect.aws/。
当我在云环境上运行它时，它显示的是
这是我在index.html中运行的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<
浏览 14提问于2022-10-03得票数 0
我的代码可以简化为： <script>
function write_to_iframe(){
let nw = document.getElementById("mysrc");
let myframe = document.getElementById("myframe");
myframe.contentWindow.document.body.innerHTML = nw.innerHTML;
}
</script>
<iframe id="myf
浏览 15提问于2021-10-26得票数 0
3回答
好吧，我可能是太胖了，但我不能让一些东西工作，这困扰着我为什么。我正在使用Javascript中的全局替换属性，但是每当我这样做的时候，它都不会在我所在的DIV上工作。
我所在的DIV不是我需要的目标，但下面是一个简化的例子。
<div id="foo">
<a href="http://www.somesite.com" target="_blank" class="footer">Site 1</a>
</div>
<script type="text/javas
浏览 2提问于2013-06-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
