Question

js中两个类的相互怎么才能调用，说不清楚上代码

Each(rvt1.List, function (list1, i) {
this.tdiv1 = document.createElement("div");
this.tdiv2 = document.createElement("div");
this.tdiv3 = document.createElement("div");

this.tdiv3 .style.display = "none";

tdiv1.appendChild(this.tdiv2);
tdiv1.appendChild(this.tdiv3);

this.div2.onmouseover = function ( ) { this.div3.style.display = "block"; }提示
｝
this.div3.style.display = "block"; 运行提示JavaScript 运行时错误: 无法获取未定义或 null 引用的属性“style”
请问怎么解决？

Answer 1

this在每个函数内指向的对象都要重新思考是什麽
你的例子中this.div2的this指向的是rvt1.List中的元素
而function ( ) { this.div3.style.display = "block"; }中this是由调用该函数的方式决定的, 此处该函数绑定在onmouseover上, 浏览器会在触发事件时调用之, 且此时this指向事件绑定在的那个对象, 即this.div2
你需要把this存起来给这个函数用
例如
var T=this
this.div2.onmouseover = function(){T.div3.style.display='block'}
或者使用ES2015语法
this.div2.onmouseover = () => this.div3.style.display = 'block'

Answer 2

你虽然创建了div,但你的html里面是不是还没有添加你进你创建div啊，所以找不到报错（无法获取未定义
）