小编Ale*_*gin的帖子

如何使用JavaScript删除HTML中的子节点?

有没有这样的功能document.getElementById("FirstDiv").clear()

html javascript dom

69
推荐指数
3
解决办法
12万
查看次数

在使用jQuery淡化元素之前,你如何暂停?

我想在我的页面上刷一个成功的消息.

我使用jQuery fadeOut方法淡化然后删除元素.我可以增加持续时间以使其持续更长时间,但这看起来很奇怪.

我想要发生的是让元素显示五秒钟,然后快速淡化,最后被删除.

你怎么能使用jQuery动画这个?

javascript jquery animation

28
推荐指数
4
解决办法
3万
查看次数

如何使用JavaScript以跨浏览器方式将DOM序列化为XML文本?

我有一个XML对象(使用XMLHTTPRequest's 加载responseXML).我修改了对象(使用jQuery)并希望将其作为文本存储在字符串中.

Firefox等人显然有一种简单的方法:

var xmlString = new XMLSerializer().serializeToString( doc );
Run Code Online (Sandbox Code Playgroud)

(来自rosettacode)

但是如何在IE6和其他浏览器中做到这一点(当然,没有破坏Firefox)?

javascript xml serialization dom

25
推荐指数
1
解决办法
2万
查看次数

检查-moz-border-radius支持的最佳方法

我想要一些那些漂亮的圆角用于我正在进行的网络项目.

我以为我会尝试使用javascript而不是CSS来完成它,以便将图像文件的请求保持在最低限度(是的,我知道可以将所有必需的圆角形状组合成一个图像)我也想要能够在飞行中改变背景颜色.

我已经使用了jQuery,所以我看了一下优秀的圆角插件,它在我试过的每个浏览器中都像魅力一样.作为一名开发人员,我注意到有机会让它更有效率.该脚本已包含用于检测当前浏览器是否支持webkit圆角(基于Safari的浏览器)的代码.如果是这样,它使用原始CSS而不是创建div的层.

我认为如果可以执行相同类型的检查以查看浏览器是否支持Gecko特定-moz-border-radius-*属性以及是否支持它们,那将是非常棒的.

对webkit支持的检查如下所示:

var webkitAvailable = false;  
try {  
    webkitAvailable = (document.defaultView.getComputedStyle(this[0], null)['-webkit-border-radius'] != undefined);
} 
catch(err) {}
Run Code Online (Sandbox Code Playgroud)

然而,这不起作用,-moz-border-radius所以我开始检查替代品.

我的后备解决方案当然是使用浏览器检测,但这远非推荐的课程实践.

我最好的解决方案如下.

var mozborderAvailable = false;
try {
    var o = jQuery('<div>').css('-moz-border-radius', '1px');
    mozborderAvailable = $(o).css('-moz-border-radius-topleft') == '1px';
    o = null;
} catch(err) {}
Run Code Online (Sandbox Code Playgroud)

它基于Gecko将复合-moz-border-radius"扩展"为四个子属性的理论

  • -moz-border-radius-topleft
  • -moz-border-radius-topright
  • -moz-border-radius-bottomleft
  • -moz-border-radius-bottomright

那里有没有javascript/CSS大师有更好的解决方案?

(此页面的功能请求位于http://plugins.jquery.com/node/3619)

javascript css

11
推荐指数
1
解决办法
6713
查看次数

制作iframe占用垂直空间

我希望有一个iframe尽可能多的垂直空间,因为它需要显示其内容而不显示滚动条.它可能吗?

有没有解决方法?

html javascript css iframe

8
推荐指数
1
解决办法
4510
查看次数

如何在调整大小时更改滚动元素行为?(HTML,CSS,JavaScript)

目前,如果我的网页上的滚动div垂直缩小,则内容保持固定在div的顶部,并且先前位于div底部的内容将被隐藏.

我希望这在相反的方向上工作:当div调整大小时,内容保持固定到底部边框,先前在顶部的内容折叠.

可以把它想象成手机上的典型信使应用程序.当您输入文本并且输入框的大小增加时,它会使显示先前消息的区域变小,但是当发生这种情况时,内容将固定为底部边框.

我怎样才能在HTML/CSS/JavaScript中实现这一目标?

html javascript css jquery css3

8
推荐指数
1
解决办法
664
查看次数

使用JavaScript实现图像宽度

我有下一个功能:

function setImagesWidth(id,width) {
    var images = document.getElementById(id).getElementsByTagName("img");
    for(var i = 0; i < images.length;i++) {
        // If the real width is bigger than width parameter
            images[i].style.width=width;    
        //}         
    }       
}
Run Code Online (Sandbox Code Playgroud)

我想只在图像实际宽度大于属性值时才将所有img标签的css width属性设置为特定值.如果可能的话,我想要一个不使用任何特定框架的解决方案.


images[i].offsetWidth对于109px宽度的图像返回111.这是因为每边边界1px?

javascript

5
推荐指数
1
解决办法
2万
查看次数

创建相同大小的按钮

下面的代码以html格式创建两个不同大小的按钮.如何使这些按钮大小相同?

<form>
<input type="button" value="btn"">
<input type="button" value="superLongButon"">
</form>
Run Code Online (Sandbox Code Playgroud)

html css

1
推荐指数
1
解决办法
9860
查看次数

"this.setState不是函数"

我有这个代码来保存地图的实际区域.我不知道我做错了什么,用相同的名字设置状态.

state = {
  region: {
    latitude: 37.78825,
    longitude: -122.4324,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
  }
};

onRegionChange(region) {
  this.setState({ region });
}

render() {
  return (
    MapView
      style={{ height: 600 }}
      region={this.state.region}
      onRegionChange={this.onRegionChange}
    />
  );
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

1
推荐指数
1
解决办法
374
查看次数

如何为图像分配多个类?

我希望我的 img 元素既圆润又响应迅速。我怎样才能做到这一点?

我试过:

<img src = "someimage.jpg" class = "img-rounded" class = "img-responsive"/>
Run Code Online (Sandbox Code Playgroud)

html css

-2
推荐指数
1
解决办法
4726
查看次数

标签 统计

javascript ×8

css ×5

html ×5

dom ×2

jquery ×2

animation ×1

css3 ×1

iframe ×1

react-native ×1

reactjs ×1

serialization ×1

xml ×1