`
web_in
  • 浏览: 14962 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

[Web前端应用]--Javascript最有用的方法之一:document.getElementById() 【难度 ★★★】

阅读更多
document.getElementById("元素的id")是前端开发中最有用的方法之一,是面向对象的体现。其能获取指定id的HTML元素,是Javascript的重要方法。

例如,它能实现对某HTML元素中的值进行修改,或者实现讲Javascript中的变量值传递到HTML表单中,再提交到服务器端的Java或PHP当中,实现前端Javascript变量与后台的Java或PHP变量间的间接传递。

【代码】--按按钮,获取IC的值。
<script language = 'javascript'>
    function changeValue(){
        var obj = document.getElementById("IC")
        obj.value = "高通移动芯片-snapdragon msm8255"
    }
</script>

<input type = "button" value = "点击我获取芯片值" id="IC" name = "IC" onclick = "changeValue()" />

再例
【代码】--控制SELECT标签所选项和只读功能:
document.getElementById("某SELECT标签id").value = 某option中的值
document.getElementById("某SELECT标签id").disabled = true(或者false)

这个功能可以应用在某些表单修改中,不允许用户修改原来已经填写好的部分资料。
分享到:
评论

相关推荐

    【JavaScript源代码】JavaScript实现随机码的生成与校验.docx

    - **获取用户输入**:使用`document.getElementById()`等方法获取表单中的输入元素,并读取其值。 - **比较验证**:将用户输入的验证码与之前生成的随机码进行比较,判断是否一致。 - **反馈结果**:如果验证通过,...

    Professional.JavaScript.rar

    JavaScript社区发展迅速,涌现了许多优秀的库和框架,如jQuery简化DOM操作,React和Vue.js用于构建复杂的单页应用,Angular提供完整的前端解决方案。这些工具极大地提高了开发效率,降低了开发难度。 六、动态网页...

    C#和JavaScript相互调用

    在IT领域,C#与JavaScript两种语言的相互调用是一个重要的技术点,尤其在Web开发中,这种跨语言调用可以极大地提升应用的灵活性和功能的丰富性。根据提供的文件信息,我们可以深入探讨C#与JavaScript相互调用的几种...

    Android创建UI的新思路:用javascript与Activity进行交互

    webView.evaluateJavascript("document.getElementById('elementId').innerHTML;", new ValueCallback() { @Override public void onReceiveValue(String value) { // 处理JavaScript执行的结果 } }); ``` 在...

    ajax_dwr实现页面无刷新加载

    DWR(Direct Web Remoting)是Java后端与JavaScript前端之间进行实时通信的一种框架,它简化了Ajax应用的开发,让开发者可以像调用本地方法一样调用服务器端的方法。 **DWR的介绍** DWR允许JavaScript在客户端直接...

    js验证码 两种样式 字母和数字 背景带有干扰线

    3. **设置背景干扰线**:创建一个画布元素,使用`CanvasRenderingContext2D`的`strokeRect`方法绘制干扰线,增加识别难度。 4. **绘制验证码**:在画布上绘制随机字符串,可以使用不同的字体、颜色和旋转角度增加...

    怎么将利用DWR调用JAVA类方法所返回的ArrayList数组   赋值给   logiciterate 迭代器

    3. **前端JavaScript调用:** - 在HTML页面中,定义一个JavaScript函数来调用DWR提供的方法,例如`getList()`。 - 该函数首先调用`DWRClass.getList()`方法,并传入回调函数`setList`作为参数。 - 回调函数`set...

    jsp页面最简单的验证码

    在现代Web应用开发中,验证码作为一种简单有效的安全措施被广泛应用于用户登录、表单提交等场景,用于防止恶意脚本或机器人自动提交数据。本文将详细介绍一个基于JSP技术实现的简单验证码系统,包括前端显示、后端...

    【源码】html5游戏-数学计算

    JavaScript是Web开发中的关键语言,尤其在前端开发中,它可以实现动态内容、用户交互以及游戏逻辑。在这个游戏中,JavaScript将用于处理所有的数学运算和游戏逻辑,包括问题生成、用户输入验证以及得分计算等。 ...

    验证插件vali.js

    综上所述,vali.js作为一个强大的验证插件,能有效地帮助开发者实现前端数据验证,提升用户体验,同时降低开发难度。通过灵活的规则设定和友好的错误提示,vali.js在多种场景下都能发挥出其价值。如果你的项目需要...

    jquery学习-----jquery库讲义

    var obj = document.getElementById('hello'); var $obj = $(obj); ``` **4.2 变量命名规范** - 在jQuery中,推荐对jQuery对象变量名前加`$`符号,而DOM对象则不加。 通过上述介绍,我们可以看出jQuery不仅...

    html图片验证码组件

    HTML图片验证码组件是一种用于...总之,HTML图片验证码组件是Web应用中常见的安全工具,通过结合前端和后端技术来确保只有人类用户能执行特定的操作。正确理解和实现这样的组件对于保护网站免受自动化攻击至关重要。

    javascript

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在创建交互性和动态效果方面表现出色。在本资源包中,"js-0131"可能是一个示例项目或教程,涉及JavaScript特效的实现。让我们深入探讨一下JavaScript在...

    jquery技巧

    随着Web 2.0技术的发展,特别是Ajax思想的普及,各种JavaScript框架应运而生,旨在简化前端开发过程,提升开发效率。其中,jQuery因其简洁、易用的特点,在众多框架中脱颖而出。该框架由John Resig于2006年创立,...

    ajax 技术资料

    ### AJAX技术概述与应用 #### 一、引言 ...总之,AJAX作为一种强大的前端技术,为Web应用带来了革命性的变化。通过正确地设计和实施,可以极大地改善用户体验,同时也要注意解决其潜在的安全性和兼容性问题。

    asp.net ajax实现无刷新验证码

    在现代Web开发中,验证码(CAPTCHA)作为用户身份验证的一种手段,被广泛应用于登录界面、表单提交等场景中,用以区分人类用户与自动化程序。传统的验证码加载方式往往伴随着页面的刷新,这不仅影响用户体验,也增加...

    jQuery 中文文档

    - **总结**:通过以上介绍可以看出,jQuery凭借其简洁的语法、丰富的API和高度的可扩展性,已经成为前端开发领域中不可或缺的工具之一。对于希望提高开发效率、简化代码编写过程的开发者来说,掌握jQuery是非常有...

    利用js实现贪吃蛇小游戏

    这个项目将帮助你理解Web前端开发中的基本概念,并熟悉JavaScript编程语言。 首先,我们从HTML开始,它是构建网页结构的基础。在创建贪吃蛇游戏时,我们需要一个简单的HTML布局来展示游戏界面。你可以创建一个`...

    圈小猫源代码(html+js)

    "圈小猫源代码(html+js)" 是一个基于HTML和JavaScript的小游戏项目,它提供了一个互动的游戏环境,玩家可以通过...通过研究和修改这个游戏的源代码,我们可以深入了解Web前端开发的各个方面,进一步提升自己的技能。

    Struts2验证码

    在Web应用程序开发中,安全是至关重要的一个环节,而验证码技术就是用来防止恶意自动化操作,如机器人注册、垃圾邮件发送等。在Struts2框架下实现验证码功能,可以帮助提升用户体验和系统安全性。以下将详细讲解如何...

Global site tag (gtag.js) - Google Analytics