gpt4 book ai didi

javascript - 无法设置未定义的属性 'borderColor'

转载 作者:行者123 更新时间:2023-11-30 11:25:34 24 4
gpt4 key购买 nike

我是从一本书上复制这个的(..所以它“应该”工作),我无法让这个功能工作,它可能是重复的,但我搜索了一个答案但无法让它工作。

"Uncaught TypeError: Cannot set property 'borderColor' of undefined"

它可能很简单,但我认为 to 是我尝试将其设置为数组和对象的问题,但我真的不明白,任何具有简单解释的解决方案将不胜感激。

function changeBorder(element, to){
element.style.borderColor = to;
}

var contentDiv = document.getElementById('color');

contentDiv.onmouseover = function(){
changeBorder('red');
};

contentDiv.onmouseout = function(){
changeBorder('black');
};
.box{
border: 1px solid red;
background-color:pink;
padding: 10px;
}

.row {
border: 1px solid #000;
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html/js; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

<div class="row" id="color">
<div class="element">1</div>
</div>

</body>
</html>

我只想删除错误消息并让函数执行某些操作。

最佳答案

您需要像这样设置this 并更改您的函数:

contentDiv.onmouseover = function(){
changeBorder(this, 'red');
};

contentDiv.onmouseout = function(){
changeBorder(this, 'black');
};

如果没有关键字this,它就不会被发现。请记住,在您的函数中您正在共享元素:

function changeBorder(element, to){
element.style.borderColor = to;
}

关于javascript - 无法设置未定义的属性 'borderColor',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48164504/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com