通过document.getElementById()或ByName取得的dom元素,在safari下不能得到其自定义属性值
如:
<select id="l" extraInfo="default" onchange="c()">
<option value="1" e="he">hi</option>
<option value="2" e="hee">hii</option>
<option value="3" e="heee">hiii</option>
<option value="4" e="heeee">hiiii</option>
</select>
脚本: function c(){
alert("first select");
if(window.openDatabase){
alert("*****safari*****");
}else{
alert("*****IE*****");
}
alert($("#l").attr("extraInfo"));
alert($("#l option:selected").attr("e"));
var ss=document.getElementById("l").extraInfo;
alert("doc****"+ss);
}
这种情况用JQuery能解决
分享到:
相关推荐
### HTML:自定义标签属性详解 #### 一、引言 HTML 作为 Web 开发的基础语言之一,提供了丰富的标签及属性来构建网页内容。在实际应用中,有时我们需要为 HTML 元素添加额外的信息或功能,这就需要用到自定义属性...
自定义滚动条可能会对页面性能产生一定影响,因此优化JavaScript代码和滚动事件的处理至关重要。此外,保持滚动条的响应性和流畅性,让用户能够轻松地滚动页面,也是设计自定义滚动条时必须关注的要点。 总结来说,...
- 如果应用支持Safari的自动填充功能,需要适配`passwordRules`属性以符合自定义规则。 10. **适配不同设备** - 确保自定义密码框在不同尺寸的屏幕(iPhone、iPad)和横竖屏模式下都能正确显示。 综上所述,创建...
在改造TabControl时,我们需要用到GDI+来绘制自定义的标签样式,包括圆角、阴影和高光效果,这些都是Safari标签栏的标志性特征。学习GDI+的基础知识,如画刷、画笔、路径和图形变换,是实现这一目标的关键。 2. **...
API包含一系列类和属性,如Application对象和Extension对象,以及用于与网页内容互动的事件机制,如命令、消息传递和代理。例如,可以使用消息传递来实现扩展与网页之间的通信。 创建Safari扩展的过程涉及多个步骤...
然而,需要注意的是,这些CSS规则仅适用于基于WebKit的浏览器(如Chrome和Safari),对于Firefox、Edge等其他浏览器,我们需要使用它们各自的私有属性,或者借助JavaScript来实现跨浏览器兼容。 JavaScript是网页...
- 创建播放器的基础结构通常会包含几个核心元素:`<audio>` 或 `<video>` 标签用于嵌入音频或视频内容,以及用于控制播放的按钮和进度条的自定义元素。例如,你可以使用`<button>`标签为播放/暂停功能创建按钮,用`...
- **自定义表单样式:** 利用CSS对表单元素进行自定义样式设计,提高表单的美观度和易用性。 #### 六、操作事件 - **处理多触点事件:** Safari支持多触点事件处理,这意味着开发者可以利用这些功能为用户提供更...
在多种浏览器(如Chrome、Firefox、Safari、Edge等)和设备上进行测试,确保自定义Tabbar在不同环境下正常工作。 7. **代码优化**: - **模块化**:使用模块化技术(如ES6模块或CommonJS)组织代码,提高可维护性...
最后,为了确保兼容性和性能,你需要进行跨浏览器测试,确保自定义导航页在不同的浏览器(如Chrome、Firefox、Safari等)和设备(桌面、移动)上都能正常工作。使用开发工具(如Chrome DevTools)可以帮助调试和优化...
在本文中,我们将探讨如何在Vue.js框架内自定义一个tap指令以及tap事件的实现方法。...通过对touch事件的监听和处理,我们可以有效缓解移动端浏览器中点击事件的延迟问题,从而提升应用的性能和用户满意度。
通过自定义 CSS 和 JS,用户可以改变网页的布局、颜色、交互行为等,实现对网页内容的个性化定制。 在技术层面,PageExtender 应用的核心在于它的扩展机制。在 Safari 中,扩展通常由一系列组件构成,包括一个或多...
总结起来,尽管开发者社区提出了许多尝试和建议,但在当前的技术环境下,无法完全禁止iPhone Safari浏览器中的`<video>`标签视频自动全屏播放。如果你需要在网页上实现非全屏视频播放,可能需要考虑其他设计策略或者...
这是一种将图标作为字体字符处理的技术,允许开发者通过CSS调整图标的大小、颜色和阴影等属性。在本项目中,Iconfont可能被用来替代SVG,为那些不支持SVG的老旧浏览器提供一种兼容性解决方案。通过创建一个包含...
例如,可以使用`width`和`height`属性调整文本框的尺寸,`border`属性定义边框样式。 3. **表情图库**: - QQ表情通常是一系列预设的图像资源,这些资源需要被加载到应用中。可以将表情图片存储在一个本地目录或者...
`<select>`标签的`multiple`属性在所有主流浏览器(包括Chrome、Firefox、Safari、Edge和IE9+)中都是支持的。然而,对于较旧的浏览器,如IE8及以下版本,可能需要使用polyfill或其他方法来确保兼容性。 总的来说,...
9. **可扩展性**:设计时应考虑到未来的扩展,比如添加新的标签页或自定义滚动速度的功能,保持代码的模块化和灵活性。 10. **兼容性测试**:最后,确保这个功能在主流浏览器上都能正常工作,包括Chrome、Firefox、...
/* 对Safari和Chrome支持 */ filter: hue-rotate(90deg); /* 对其他现代浏览器支持 */ } ``` 这段代码将使背景图片的颜色偏向于红色。你可以根据需要调整`hue-rotate`的角度来改变颜色。 "sliding tags"可能是指...