javascript中函数调用问题

 第一种方法：
<script type="text/javascript">

function demo()
{

var divObj=document.getElementById("divid");
var name=divObj.nodeName;
alert(name);
}

</script>

</head>


<body>
<input type="button" id="inputid" value="yanshi" onclick="demo()"/>
<div  id="divid">wdhsjaldjkghd</div>

第二种方法：

<script type="text/javascript">


var divObj=document.getElementById("divid");

var name=divObj.nodeName;

alert(name);

</script>

</head>


<body>
<input type="button" id="inputid" value="yanshi" onclick="demo()"/>
<div  id="divid">wdhsjaldjkghd</div>
为什么第二种方法不行

第二个就不是个函数，你需要某个地方调用这些代码

第二种script放div下面，要不找不到对象

wdhsjaldjkghd


<script type="text/javascript">


var divObj=document.getElementById("divid");

var name=divObj.nodeName;

alert(name);

</script>

你说呢。第二种，你给它设了onclick却没有写这个方法。当然无法执行啊。

js在html中的加载是有执行顺序的，你要将这段js代码放在div的后面 js才可以获取到divid的值，

第二个方法里定义demo方法了吗图片说明

我觉得如果不用方法alert的话，在加载head标签的时候，并没有加载到div，所以无法获取divId