- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 avidest.com/new 上有一份表格。第一个字段是一个单选按钮。电子邮件字段下方有一个提示,该提示应根据为单选按钮选择的值而变化。如果选择雇主,提示应显示“请使用您公司的电子邮件地址”。如果选择自由职业者,提示应显示“请使用您的学校电子邮件地址。”。由于某种原因,我的 JavaScript 代码无法正常工作。我尝试用 GetElementsByName 替换 getElementsByTagName 但这不起作用。这是我在 html 页面的 < head > 部分编写的函数:
<script>
function topHint(){
if(document.getElementsByTagName('Type').value == "Freelancer"){
document.getElementById('employorlance').innerHTML = "Please use your school e-mail address.";
}
if(document.getElementsByTagName('Type').value == "Employer"){
document.getElementById('employorlance').innerHTML = "Please use your company e-mail address.";
}
}
</script>
然后,我在页面加载时调用该函数:
<body onload = "topHint()">
这是页面上的表单元素:
<label id="item4_0_label">
<input type="radio" id="item4_0_radio" data-hint="" required value="Freelancer" name="Type" />
<span class="fb-fieldlabel" id="item4_0_span">Freelancer
</span>
</label>
<label id="item4_1_label">
<input type="radio" id="item4_1_radio" required value="Employer" name="Type" />
<span class="fb-fieldlabel" id="item4_1_span">Employer
</span>
</label>
<div class="fb-hint" id ="employorlance" style="color: rgb(136, 136, 136); font-weight: normal; font-style: normal; ">
Please use your school email address.
</div>
谢谢。
根据stakoverflow的建议,我尝试了以下方法,但仍然不起作用:
function topHint() {
var elems = document.getElementsByName("Type");
for (i in elems) {
if (elems[i].value == "Freelancer") {
document.getElementById('employorlance').innerHTML = "Please use your school e-mail address.";
}
if (elems[i].value == "Employer") {
document.getElementById('employorlance').innerHTML = "Please use your company e-mail address.";
}
}
}
最佳答案
getElementsByTagName
方法不会返回具有匹配名称的单个元素,而是返回具有匹配标记名称的元素数组。
在您的情况下,您将得到一个空数组,因为您没有任何 <type>
元素。
getElementsByName
方法还返回一个数组,并且您总是获得所有单选按钮,而不仅仅是选定的单选按钮,因此您必须检查状态:
function topHint(){
var radios = document.getElementsByName('Type');
if(radios[0].checked){
document.getElementById('employorlance').innerHTML = "Please use your school e-mail address.";
}
if(radios[1].checked){
document.getElementById('employorlance').innerHTML = "Please use your company e-mail address.";
}
}
关于javascript - 为什么 GetElementsByTagName 不能以这种形式工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15281517/
亲爱的专家们,我对 javascript 还很陌生,我经常看到编码人员互换使用这些行。 document.body.getElementsByTagName(); 和 document.getElem
是否有代码可以使用javascript获取其他网站的元数据信息,例如标题、关键字?document.getElementById 将帮助获取当前文档的信息。同样是否有代码可以获取当前文档以外的信息。
问题是创建一个函数 showLink(),它有一个变量 sIndx,该变量指向当前选择列表中所选选项的索引。 Select a Web siteThe White House
首先声明我不是 JavaScript 开发人员,所以这个问题可能相当基础。 模拟IE的非标准时all我正在使用 getElementsByTagName("*") 属性,这两种方法之间是否存在显着的性
我正在开发一个使用 SOAP 调用将请求数据导入 Excel 的项目。我可以毫无问题地返回 XML,它看起来像这样。
我有以下 XML(它实际上是一个 gpx 文件) Move 12 2017-05-05T06:25:41.000Z
脚本有问题吗?或者 getElementsbyTagName 已被弃用? t=document.getElementsByTagName('input')[0]; document.write(t.
我的页面包含许多双击脚本 我在主体顶部插入了 js 代码(通过 s.src=('parts_async_dev.js')): var innerHTML = document.getElementsB
我认为它应该只返回完全匹配。 我在我必须使用的源代码中看到类似的内容: var someArray = someObject.getElementsByTagName("item"); 除了当我检查
我遇到了这个非常奇怪的 js 问题。 总之,如果我使用(document.getElementsByTagName("p"))[0],我会得到一个找不到的元素 如果p标签位于 div 内像这样 se
正如标题所示,我想排除脚本标记。 因为使用正则表达式时(至少我认为这是正确的名称:P) 我已经到了某事的地步 var wdc = /something/g; 包含在内 var foundwdc = w
有人可以解释一下为什么我的代码不起作用!! 当我通过 Id 获取元素时,它工作得很好。但与 getElementsByTagName() 相同的方法却不会。 如果我使用 querySelector()
我正在使用 python 的 xml.dom.minidom 来解析一个 xml。我必须从多个标签中获取元素并处理它们。场景是这样的: 我有两种标签类型,并且在我使用 getElementsByTag
我正在使用 Java 应用程序读取 XML 文件并对其进行处理。该应用程序在大多数情况下都有效,但在某些情况下则无效。我有一个包含项目列表的 XML 文档。该应用程序读取文档并编译所述项目的列表,如下
在 php 中,我可以在任何 DOM 对象上使用 getElementsByTagName,但 JavaScript 似乎没有这个概念。 IE 如果 var detailsNode 是一个特定的节点,
Favorite beverages : Tea Coffee Milk 我想要'ul'中'li'的总数 Method 1 : It doesn't w
我正在尝试更改我页面中每个 h1 的颜色,但使用此代码它不会更改任何内容: function toggleDark() { document.body.style.background = "#1
只是看看别人的.js代码来学习,这个使用jQuery的网站居然引用了: document.getElementsByTagName 我猜这比使用 jQuery 选择器更快,它在所有浏览器中都安全吗?
我正在研究基于 xml 内容显示图像的内容流。我正在将它构建为一个站点,因此它是 html 和 javascript,并且出于某些未知原因 - 相信我,我已经尽可能精细地梳理它 - 我的 javasc
我的最终目标是获取单选按钮列表并选中/取消选中它们。这是我的代码: for (var radio in document.getElementsByTagName('input')) {
我是一名优秀的程序员,十分优秀!