如何从span元素正确执行JavaScript函数?

时间:2015-06-22 10:45:21

标签: javascript html

在我的页面中

声明的名为 Script.js 的文件中
<script language="JavaScript" src="js/Script.js"></script>

我发现这个简单的nomeApp()函数:

function nomeApp() {
    document.writeln("<span class='bluebold14'>"+VERSIONE_APPLICAZIONE+"</span>");
    ScriviSoc (VALORE_SOCIETA);
}

将HTML标记写入我的页面(到调用它的特定位置)。

在我的页面中,我有这样的跨度:

<span id="myPage"></span>

从这里开始,我必须执行之前在其中写入的nomeApp()

从这个范围开始执行此功能需要做什么?

2 个答案:

答案 0 :(得分:0)

好吧,不要使用document.writeln()使用document.createElement()代替,这里是您需要的代码:

function nomeApp() {
    var newSpan = document.createElement("span");
    newSpan.className = 'bluebold14';
    newSpan.innerText = VERSIONE_APPLICAZIONE;
    document.getElementById("myPage").appendChild(newSpan);
    ScriviSoc (VALORE_SOCIETA);
}

答案 1 :(得分:-1)

如果您想通过点击元素onClick="functionName()"

来执行该功能
<span onClick="nomeApp()">CLICK ME</span>

如果你想在没有任何用户交互的情况下立即执行该功能,那么你必须调用该功能(比如在页面末尾):

<script type="text/javascript">
     nomeApp();
</script>

阅读自动启动功能(匿名函数),事件,jQuery。