关于 document.getElementById 一个奇怪的现象

html:

<html>
<head>
<script type="text/javascript" src="1.js"></script>
</head>
<body>
<input type="text" id="num1"/><br/>
<input type="text" id="num2"/><br/>
<input type="button" onclick="func1()" value=" + "/>
<input type="button" onclick="func1()" value=" - "/>
<input type="button" onclick="func1()" value=" * "/>
<input type="button" onclick="func1()" value=" / "/>
</body>
</html>

js:

function func1(){
var a=document.getElementById(‘num1‘).value;
alert(a);
}

可以正确的读取num1的内容,但是将js改为:

var a=document.getElementById(‘num1‘).value;

function func1(){

alert(a);
}

就不能了,很奇怪,初学者搞不懂,求大神指点。

时间: 2024-10-11 17:56:54

关于 document.getElementById 一个奇怪的现象的相关文章

一个关于ExecutorService shutdownNow时很奇怪的现象

我们知道很多类库中的阻塞方法在抛出InterruptedException后会清除线程的中断状态(例如 sleep. 阻塞队列的take),但是今天却发现了一个特别奇怪的现象,先给出代码: public static void main(String[] args) throws InterruptedException { ExecutorService executor = Executors.newSingleThreadExecutor(); executor.execute(new R

setInterval()与clearInterval()的一个有趣小现象

今天在使用setInterval()时,发现了一个有意思的事情 代码如下: var box=document.getElementById("box");//获取id为“box”的元素 var t=document.getElementById("top");//获取id为“t”的元素 var b=document.getElementById("bottom");//获取id为“ b”的元素 var a=0;//定义变量a function f

jquery中的$(&quot;#id&quot;)与document.getElementById(&quot;id&quot;)的区别

以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天做特效的时候才发现并不是这么一回事,通过测试得到: 1.alert($("#div"))得到的是[object Object] 2.alert(document.getElementById("div"))得到的是[object HTMLDivElement] 3.alert($("#

document.getElementById(&quot;billNo&quot;)的作用

// 代码段 <script type="text/javascript"> /* 自动生成随机账单 */ function getCKD(){ var d=document.getElementById("billNo"); var date=new Date(); var year1=date.getUTCFullYear().toString().substring(2,4); var mouth=date.getMonth()+1; var da

document.getElementById()使用方法

document.getElementById使用 语法:oElement = document .getElementById ( sID ) 參数:sID――必选项. 字符串 (String) . 返回值:oElemen――对象 (Element) . 说明:依据指定的 id 属性值得到对象. 返回 id 属性值等于 sID 的第一个对象的引用.假如相应的为一组对象.则返回该组对象中的第一个. 假设无符合条件的对象.则返回 null . 注意: document.getElementById

document.getElementById的简便方式

封装自己的元素获取方法,使元素获取变得简便 注意:1.应该要防止定义的被重写,可将同名的重新定义   2.可将封装的对象置为全局对象,方便使用 通过id查找单个元素 封装方式: //通过id查找单个元素 (function (document){ //防止覆盖 var _overwrite = window._, _; _ = { $ : function(id){ return typeof id === "string" ? document.getElementById(id)

asp中的一个奇怪的函数

/* 豆腐制作 都是精品 http://www.asp888.net 豆腐技术站 如转载 请保留版权信息 */ asp中有很多的文章在研究如何提高asp程序的执行效率,我们 得出结论 在<% 和 %> 之间的代码执行的速度要高于 在这个 标签之外的代码,我们有没有想过 如何重复的利用这些在标签之外的代码呢? 有的人可能觉得 这个没有什么意义!但是我们可以 怀着 一种很轻松的心态来看看下面这个例子,看看 我们得到了什么有趣的现象!在这个例子中,我们用到了 MSDN 中没有介绍的 WriteBlo

HTML中document.getElementById()方法的操作

转自:http://blog.csdn.net/pyffcwj/article/details/7240232/ obj = document.getElementById("cc") 其中: obj 是一个对象(Object) id是一个字符串(String) 意思是: 通过选取页面中的id:cc, 来返回它的第一个的对象(对象是有length和value属性之说的)  如果没有返回则为null

JS函数动作分层结构详解及Document.getElementById 释义 事件 函数 变量 script标签 var function

html +css 静态页面 js     动态 交互 原理: js就是修改样式, 比如弹出一个对话框. 弹出的过程就是这个框由disable 变成display:enable. 又或者当鼠标指向的时候换一个颜色,就是一个修改样式的工具. 编写JS的流程 布局:HTML+CSS 事件:确定用户做哪些操作(产品设计) 编写JS:在事件中,用JS来修改页面元素的样式(外加属性:确定要修改哪些属性) 什么是事件 一个完整的事件= <在某个作用域 事件声明='函数动作'> </> 作用域: