我是 js 的新手,我需要在行间使用 html 方面的帮助。
我有这个事件:
eventSource.addEventListener('Uptime', function(e) {
var parsedData = JSON.parse(e.data);
var tempSpan = document.getElementById("uptime");
var tsSpan = document.getElementById("tstamp");
tempSpan.innerHTML = parsedData.data;
tempSpan.style.fontSize = "28px";
tsSpan.innerHTML = "At timestamp " + parsedData.published_at;
tsSpan.style.fontSize = "9px";
}, false);
它监听来 self 的 Spark Core 的事件并使用状态更新我的网站。
我想要的是在我的 div 中显示的状态。
<div id="on"> </div>
这可能吗?
完整代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Spark.aspx.cs" Inherits="Spark" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="/Content/bootstrap.css" rel="stylesheet" type="text/css" />
</head>
<body>
<span id="uptime"></span><br>
<span id="tstamp"></span>
<br><br>
<button onclick="start()">Connect</button>
<script type="text/javascript">
function start() {
document.getElementById("uptime").innerHTML = "Waiting for data...";
var deviceID = "";
var accessToken = "";
var eventSource = new EventSource("https://api.spark.io/v1/devices/" + deviceID + "/events/?access_token=" + accessToken);
eventSource.addEventListener('open', function(e) {
console.log("Opened!"); },false);
eventSource.addEventListener('error', function(e) {
console.log("Errored!"); },false);
<!--THIS IS THE METHOD I WANT INSIDE THE DIV-->
eventSource.addEventListener('Uptime', function(e) {
var parsedData = JSON.parse(e.data);
var tempSpan = document.getElementById("uptime");
var tsSpan = document.getElementById("tstamp");
tempSpan.innerHTML = parsedData.data;
tempSpan.style.fontSize = "28px";
tsSpan.innerHTML = "At timestamp " + parsedData.published_at;
tsSpan.style.fontSize = "9px";
var div = document.createElement("div")
div.innerHTML = parsedData.status;
document.body.appendChild(div);
document.getElementById("on").innerHTML = parsedData.status;
}, false);
}
</script>
这是截图。 http://imgur.com/sX2ES0P
更具体地说,我试图在 div 中显示文本“Borte”
最佳答案
在事件结束时,只需执行(假设 status
是 parsedData
中的一个值):
document.getElementById("on").innerHTML = parsedData.status;
假设您在页面上有 div
,如果没有,则必须先创建它:
var div = document.createElement("div")
div.innerHTML = parsedData.status;
document.body.appendChild(div);
关于javascript - 在 div 标签中包装 .addEventListener,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28321979/