从getelementbyid中排除表单元素
exclude form elements from getelementbyid
function changemysize(myvalue) {
var div = document.getElementById( "content" );
div.style.fontSize = myvalue + "em";
document.cookie="mysize=" + myvalue;
}
这将改变内容div中所有文本的大小,这非常棒。
它还改变了任何表单输入字段的大小,这不是那么可怕。
从该函数中排除"content"div内的HTML表单字段的好方法是什么?
--------- 更多信息 ----------
我在标题中使用这个函数来动态地改变标题下面所有文本的字体大小。
<div id="adjust">Click to Adjust Size:
<span style="font-size: 1em;">
<a href="javascript:void(0);" onClick="changemysize(1);">A</a>
</span>
<span style="font-size: 1.2em;">
<a href="javascript:void(0);" onClick="changemysize(1.2);">A</a>
</span>
<span style="font-size: 1.4em;">
<a href="javascript:void(0);" onClick="changemysize(1.4);">A</a>
</span>
</div>
由于我的标题以<div id="content" class="site-content">
结尾,所有页面内容都被调整大小,包括表单字段。有办法排除它们吗?
您可以获得div
的子字段,然后分别设置它们的字体大小,检查它们是否属于<input>
字段,如下所示:
// The code is self-explanatory, ask though if you need help
function changemysize(myvalue) {
var childs = document.getElementById( "content" ).children;
for(var i = 0; childs[i]; i++){
if(childs[i].tagName !== "form")
childs[i].style.fontSize = myvalue + "em";
}
document.cookie="mysize=" + myvalue;
}
changemysize(20);
演示(注意输入字段仍然很小)
这是一个CSS协议。我最终在所有表单字段中添加了一组字体大小(必须是"px"而不是"em"),这确实奏效了。
相关文章:
- Javascript更新孙窗口中的表单元素
- 阻止表单元素提交
- 使用带有.net autopostback的ryanfait.com自定义表单元素
- 使用javascript更改表单元素的ID值
- HTML5在提交并显示所需标签后显示隐藏的表单元素
- 为什么表单元素不应命名为submit
- 如何重置搜索表单中的特定表单元素
- 使用 ng-repeat访问 ng 表单元素/值
- 获取电子邮件附件的表单元素
- AJAX和php脚本后添加的表单元素未传输到$_POST
- 如何对未知表单元素进行表单验证
- 不显示为表单元素的图像输入按钮的动态创建和appendChild
- 在JavaScript中为表单元素生成键值对
- 表单元素上的jQuery focusout事件即使在单击子元素时也会被触发
- 如何在 OnKeyPress 事件后获取输入表单元素的值
- 表单元素值更改后的角度 JS 验证
- 使用 javascript 中的表单元素构建一个 xml 字符串
- 如何以角度访问表单元素的$valid
- 如果选择了多个选项,则使用 jQuery 显示隐藏的表单元素
- JSON 填充的表单元素不使用 angularJs 过滤器进行过滤