JavaScript 函数定义

Question

我目前是 javascript 编程新手。我有一个关于功能的问题。当我尝试修改 html DOM 时。我可以使用函数或不使用函数。

函数一如下:

<button type="button" onclick="myFunction()">Click Me!</button>

<p id="demo">This is a demonstration.</p>

<script>
function myFunction() { 
document.getElementById("demo").innerHTML = "Hello";
}

无功能的在这里:

<p id="demo">This is a demonstration.</p>
<button type="button" onclick= "getElementById('demo').innerHTML= 'Hello'">Click Me!             </button>

我的问题是:为什么在函数情况下是 document.getElementById()... ，而在非函数情况下是 getElementById() ？什么文件啊。为了？

谢谢!!

Answer 1

What's the document. for?

访问document object ，其中getElementById method驻留。

Why there it is document.getElementById()... in function case , but getElementById() in non function case?

它应该一直存在。在内联事件处理程序情况下，它 can be omitted但是(尽管这被认为是不好的做法)。