Javascript动态生成html元素及定义事件的疑惑？

2015-09-14 05:28:00 148 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

论文笔记--Spatial-Temporal Fusion Graph Neural Networks for Traffic Flow Forecasting Summary 在交通预测问题上，现有的框架通常利用给定的空间邻接图和复杂的机制来建模空间和时间关联。作者认为使用给定的空间邻接图会限制模型的有效时空相关性学习，并且它们通常使用单独的模块来实现空间和时间相关性，或者只使用独立的组件来捕获局部或全局的异质依赖关系，割裂了时空依赖关系。为此作者提出一种时空融合图神经网络用于交通预测。提出一种数据驱动的“时间图”生成方法，以此来补偿空间图可能没有反映的相关性。提出一种新的交通预测方法。 Problem Definition 交通预测中的挑战以上图为阅读详情

最初是一段HTML，可以弹出alert框，表示当location.href指向div子元素时，身为父元素的table元素能够被激活：



<!DOCTYPE html>

<html>

<head>

	<script>

		function load(){

			window.location.href('#divElement');

		}



		function activate(){

			alert("activated.");

		}

	</script>

</head>



<body onload="load()">

	<table onactivate="activate()">

		<div id="divElement" ></div>

	</table>

</body>

</html>

但我想将table元素和div子元素全部由javascript动态生成，自己写的javascript代码如下：



<html>

<script>

	function test()

	{

		var id_0 = document.createElement("table");

		var id_1 = document.createElement("div");

		id_1.setAttribute("id","divElement");

		

		document.body.appendChild(id_0);

		docuemnt.body.appendChild(id_1);

		

		id_1.applyElement(id_0);

		

		id_0.onactivate = function(e){

			alert("activated.");

		}		

		window.location.href('#divElement');	

	}

	window.onload = function() {

		test();

	}

</script>

</html>