个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
好的，所以我们有一个简单的用户信息编辑页面。我想创建一个切换按钮，将个人资料图片边框半径从 0 切换到 25 并向后切换。但是第二部分不起作用。我创建了 if 来检查边界半径是否已经是 25，所以它将变为 0，但它不起作用。这是我的代码
<!DOCTYPE html>
<html>
<head>
</head>
<body onload="buildImage();">
<div class="contents" id="content"></div>
<button onclick="changeImage()">NextImage</button>
<button onclick="changeShape()">ChangeShape</button>
<button onclick="uploadImage()">Upload Image</button>
</body>
<script>
var images = [ 'profile1.png', 'profile2.png','profile3.png'];
var index = 0;
var array_length = 3;
function buildImage() {
var img = document.createElement('img')
img.src = images[index];
document.getElementById('content').appendChild(img);
}
function changeImage(){
var img = document.getElementById('content').getElementsByTagName('img')[0]
index++;
index = index % array_length;
img.src = images[index];
}
function changeShape(){
var shape = document.getElementById('content').getElementsByTagName('img')[0].style.borderRadius = "25px";
if(shape.style.borderRadius == 25){
var shape2 = document.getElementById('content').getElementsByTagName('img')[0].style.borderRadius = "0px";
}
}
function uploadImage() {
images.push("profile4.png");
array_length++;
}
</script>
</html>
知道为什么它不起作用吗？
最佳答案
从表面上看，您在函数中无用地分配变量。
无需声明 shape2。只需声明一次形状，然后用它来检查。还要确保检查 shape.style.borderRadius 与“25px”之类的字符串，因为它将被返回。
尝试这样的事情:
function changeShape(){
var shape = document.getElementById('content').getElementsByTagName('img')[0];
if(shape.style.borderRadius == "25px"){
shape.style.borderRadius = "0px";
}else{
shape.style.borderRadius = "25px";
}
}
关于javascript - 使用切换按钮更改相框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37332243/
24
4
0
Delphi是否有很好的组件来创建像照片周围的Messenger框架这样的框架？ 最佳答案 该帧基本上只是一个位图。 Windows API中似乎没有任何函数可以绘制此图像。相反，在SO的先前提问者发
我是一名优秀的程序员,十分优秀！