`
java_cyy
  • 浏览: 14559 次
社区版块
存档分类
最新评论

js选择元素

    博客分类:
  • js
 
阅读更多

String.prototype.startWith = function () {
return this.charAt(0);
};
String.prototype.content = function () {
return this.substring(1, this.length);
};
function getTagName(str) {
if (typeof str == "string") {
return document.getElementsByTagName(str);
}
}
function $(x) {
var reg = /^[A-Za-z]+$/;
if (typeof x == "string") {
if (x.startWith() == "#") {
return document.getElementById(x.content());
} else {
if (x.startWith() == ".") {
var l = getTagName("*").length;
var e = getTagName("*");
var elements = [];
for (var i = 0; i < l; i++) {
if (e[i].className == x.content()) {
elements.push(e[i]);
}
}
if (l == -1) {
return elements[0];
} else {
return elements;
}
} else {
if (reg.test(x.startWith())) {
if (reg.test(x)) {
var l = getTagName(x).length;
var e = getTagName(x);
var eObj = [];
for (var i = 0; i < l; i++) {
eObj.push(e[i]);
}
return eObj.join(",");
} else {
var key = x.substring(0, x.indexOf("["));
var attr = x.substring(x.indexOf("@") + 1, x.indexOf("="));
var name = x.substring(x.indexOf("=") + 1, x.indexOf("]"));
var value = [];
var l = getTagName(key).length;
var e = getTagName(key);
for (var i = 0; i < l; i++) {
if (e[i][attr] == name) {
if (e[i].checked == true) {
value.push(e[i].value);
}
}
}
return value.join(",");
}
}
}
}
} else {
return x;
}
}

分享到:
评论

相关推荐

    js实现键盘选择html元素

    在这个场景中,jQuery可以帮助我们更轻松地绑定事件、选择元素并管理焦点。例如,使用`$(document).keydown(function(event)`来监听键盘事件,以及`$("#elementID").focus()`来设定焦点。 `example1.html`和`...

    JS改变元素样式

    在JavaScript(JS)中改变元素样式是Web开发中常见的任务,它允许动态更新网页的外观和行为。通过JavaScript,我们可以响应用户的交互、响应数据变化或实现动态效果。本篇文章将详细探讨如何使用JavaScript来操作...

    JS 隐藏同级的元素后只显示JS文件

    1. **选择元素**:首先,我们需要选择要隐藏的元素。可以使用`document.getElementById()`、`document.getElementsByClassName()`、`document.getElementsByTagName()`或者`querySelector()`、`querySelectorAll()`...

    js与jquery获取父元素,删除子元素的两种不同方法.docx

    本文将详细介绍如何使用JavaScript(简称JS)和jQuery这两种流行的技术来获取指定元素的父元素,并删除这些父元素中的子元素。我们将通过具体的代码示例来阐述两种方法的异同,并分析它们在实际应用中的优缺点。 ##...

    js键盘箭头控制上下选中标签元素

    在JavaScript编程中,使用键盘箭头来控制选中标签元素是一项常见的交互设计,尤其是在网页应用中。这个小demo展示了如何通过监听键盘事件并处理箭头键的按下,以实现元素的选择切换。以下将详细讲解这一功能的实现...

    JS操作DOM元素属性和方法大全

    **JS操作DOM元素属性和方法大全** 在JavaScript中,DOM(Document Object Model)是一种标准,用于表示HTML或XML文档的结构,并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口,使得JavaScript能够读取、...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息,需要采用一些...

    D3.JS 基于javascript的图表展示库<四>----基本元素选择与Table

    选择元素后,我们可以使用一系列的API方法对它们进行操作,包括插入、删除、更新等。比如,`append()`方法用于在选中元素的末尾添加新的元素,`text()`用于设置或获取元素的文本内容,`attr()`用于设置或获取元素的...

    JQ JS javascript layui UI组件 元素 div 拖动插件

    本资源涉及的是一个基于jQuery(JQ)、JavaScript(JS)和layui框架的UI组件,特别关注的是元素(尤其是div)的拖动功能。拖动插件是一种常见且实用的增强交互性的工具,它允许用户通过鼠标操作移动页面上的元素,...

    js选择地区、选择行业、选择职位效果

    例如,使用`document.getElementById`或`document.querySelector`选择元素,然后使用`innerHTML`或`append`方法添加新的选项。 6. **缓存策略**: - 为了优化性能,可以使用缓存策略。当用户已经访问过的数据可以...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四:HTML DOM-文档元素的操作(二)

    这篇教程——"JavaScript学习手册十四:HTML DOM-文档元素的操作(二)"深入探讨了如何使用JavaScript来操纵HTML文档中的元素,进一步提升网页动态性和交互性。 DOM是HTML和XML文档的一种结构化表示,它将网页内容...

    JS日期时间选择器,js原生,任何地方可用

    首先,"dol-datepicker.js" 文件很可能是这个日期时间选择器的主要实现部分,它包含了JavaScript代码,用于创建交互式的日期时间选择界面以及处理用户的选取行为。JavaScript的Date对象是处理日期和时间的基础,我们...

    Javascript获取相同CSS样式的元素

    如果你要根据特定的样式属性来选择元素,可以使用`:css`选择器: ```javascript var elementsWithRedColor = $('*:css(color, rgb(255, 0, 0))'); ``` 这段代码将选取所有颜色为红色的元素。`:css`选择器允许你...

    js最多选择3条

    首先,我们需要理解JavaScript的基本结构和选择元素的方法。在HTML中,我们可能有多个可选元素,如`&lt;input type="checkbox"&gt;`或`&lt;option&gt;`。我们可以通过ID、类名或标签名来选取这些元素。 1. **选取元素**: - `...

    使用JavaScript实现一个本地文件选择器功能

    在JavaScript中,我们可以通过`document.getElementById('fileSelector')`来获取到这个元素,然后添加事件监听器: ```javascript const fileSelector = document.getElementById('fileSelector'); fileSelector....

    通过js给html元素赋值

    在网页开发过程中,JavaScript(简称JS)是一种非常重要的客户端脚本语言,常用于动态地控制HTML页面中的元素。本文将详细介绍如何使用JavaScript为HTML元素赋值,并探讨多种赋值方法。 #### 基础概念 在Web开发中...

    给before和after伪元素设置js效果的方法.docx

    给before和after伪元素设置js效果的方法 在CSS中,伪元素(Pseudo-elements)是一种特殊的元素,它允许我们添加额外的元素而...给before和after伪元素设置js效果可以使用多种方法,选择哪种方法取决于具体情况和需求。

    精品 js+css布局

    3. JavaScript DOM操作:如何通过JavaScript选择元素、修改样式,以及监听和处理用户事件。 4. 媒体查询@media:用于实现响应式设计,根据设备特性和视口大小调整布局。 5. JavaScript事件处理:如何绑定和触发事件...

    js颜色选择器

    JavaScript颜色选择器是一种常见的网页交互元素,用于帮助用户在网页上选择颜色。这款"js颜色选择器"设计得非常简洁,不依赖于大型库如jQuery,因此它具有轻量级和高效的特点,避免了因jQuery版本问题导致的潜在冲突...

    JS实现类别选择

    - **绑定事件**:用JS绑定点击事件或其他交互事件到选择元素上。 - **处理逻辑**:当用户进行选择时,JS获取选中的类别并可能执行后端请求或更新其他页面元素。 - **样式调整**:通过CSS定制视觉效果,使类别选择...

Global site tag (gtag.js) - Google Analytics