将.addEventListener包装在div标记中
将.addEventListener包装在div标记中
提问于 2015-02-04 20:56:20
我是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);它监听来自我的Spark Core en的事件，并用状态更新我的网站。
我想要的是在我的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“
回答 1
Stack Overflow用户
发布于 2015-02-04 20:58:03
在事件结束时，只需这样做(假设status是parsedData中的一个值)：
document.getElementById("on").innerHTML = parsedData.status;这是假设你在页面上有div，如果你没有，你必须首先创建它：
var div = document.createElement("div")
div.innerHTML = parsedData.status;
document.body.appendChild(div);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28321979
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号