设置li的value为一串数字,结果获取的时候不是原来的值.
直接上代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>给li标签设置value</title>
</head>
<body>
<li id="myLi"></li>
<script type="text/javascript">
window.onload = function () {
console.log('onload');
var li22 = document.getElementById('myLi');
li22['setAttribute']('value', ('90000786062'));
console.log(li22);
console.log(li22.getAttribute('value'));
}
</script>
</body>
</html>
在IE 11中的结果:
控制台打印:
原因:
解决方法:
不使用value,而使用其他名称
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>给li标签设置value</title>
</head>
<body>
<li id="myLi"></li>
<script type="text/javascript">
window.onload = function () {
console.log('onload');
var li22 = document.getElementById('myLi');
li22['setAttribute']('value2', ('90000786062'));
console.log(li22);
console.log(li22.getAttribute('value2'));
}
</script>
</body>
</html>
IE11 :
参考:http://blog.csdn.net/hw1287789687/article/details/51426825
相关推荐
假设我们需要处理一段包含多个 `<li>` 元素的 HTML 代码，并希望为每个 `<li>` 设置一个自定义属性来控制其内容的最大长度，可以按照以下步骤实现： 1. **HTML 代码**：为每个 `<li>` 添加 `data-textlength` 属性...
需要注意的是，不同的浏览器可能对某些HTML标签的渲染有所不同，因此在开发过程中需要考虑浏览器兼容性问题。此外，随着Web技术的发展，一些新的标签和属性已经被引入，例如HTML5中的`<header>`、`<footer>`等，这些...
- `<ul>`、`<ol>`：创建无序和有序列表，`<li>`定义列表项。 - `<dl>`、`<dt>`、`<dd>`：定义定义列表，`<dt>`为定义标题，`<dd>`为定义描述。 - `<table>`：创建表格，`<tr>`定义行，`<td>`定义单元格，`<th>`...
NetBeans 不支持 ThinkPHP 的标签，面对 View 下的各种叹号，以及 HTML 代码无法折叠等问题，一直深深的困扰着我。 然后不小心的发现其实这个是有解决方法的： 把附件解压放到你项目的nbproject下就可以了。 这种...
- 链接：标签创建超链接，href属性指定链接的目标地址，target属性可设置链接打开的方式（如新窗口或当前窗口）。 - 图像：标签插入图片，src属性指定图像源，alt属性提供替代文字，有助于无障碍访问。 3. **HTML...
- `<li>`定义列表项，无序列表的`type`属性和有序列表的`value`属性分别设定项目符号和起始数字。 - `<ol>`用于创建有序列表，`type`属性可设定标记类型（1、A、a、I、i），`start`属性设定起始值。 - `<dl>`, `...
<li>Index: <s:property value="%{#loop.index}"/> - Name: <s:property value="%{#loop.value}"/></li> </html> ``` #### 四、结论 通过对Struts2中的非UI标签的详细介绍，我们可以看出Struts2标签库的...
- 如果数据源为空，`<xp:repeat>`不会生成任何内容，因此在实际应用中，你可能需要添加一个检查机制，如`<xp:if>`标签来避免空列表的显示问题。 - 优化性能：如果你的数据源很大，考虑使用分页或者懒加载技术，以...
- **应用场景**：在本作业中，可以通过设置`.menu-item:hover`来改变导航菜单项的颜色或背景色，提高用户体验。 #### 3. **Table与表单** - **Table**：表格是一种常见的数据展示形式，在网页设计中用于组织和...
本文将详细解析Struts2标签的基本用法，涵盖从变量设置到表单处理等多个方面。 ### 1. 变量与表达式 在Struts2中，可以使用`<s:set>`标签来设定变量。例如： ```xml <s:set name="number" value="5"/> ``` 这里...
2. 无序列表的`LI`标记符结束标记符可以省略，但这不是最佳实践，因为省略可能导致解析问题，所以D选项错误。 3. JPEG格式适合表现真彩色照片，A正确；它最多支持2^24种颜色，即约1670万种颜色，B错误；不支持透明度...
这些选项元素可以是`<li>`或者`<a>`标签，根据需求自定义样式。 例如： ```html ;"> <option value="option1">选项1 <option value="option2">选项2 <option value="option3">选项3 请选择 ;"> <li data-...
5. **链接**: `<a>`标签用于创建超链接，`href`属性指定目标URL，`target`可以设置打开方式，如新窗口 `_blank`。 6. **图像`: `<img>`元素插入图片，`src`属性是图像路径，`alt`提供替代文本，`width`和`height`...
- **HTML**: 允许省略标签闭合，例如`<li>项目</li>`可以写作`<li>项目`。 - **XHTML**: 要求所有的标签都必须闭合，即使没有内容的空标签也必须显式地闭合，例如` `。 对于JavaScript来说，这意味着在XHTML中...
根据提供的文件内容，我们可以归纳总结出一系列Web前端的基础知识点，主要涵盖了HTML标签的基本用法、CSS样式设置以及一些常用的HTML实体等。下面将对这些知识点进行详细的解释。 ### 1. 超链接标签 `<a>` - **基本...
<li data-value="option1">Option 1</li> <li data-value="option2">Option 2</li> <!-- 更多选项... --> ``` CSS部分可能包括选中状态的样式： ```css #dropdownMenu li.selected { background-color: #f0...
此外，文章中提到的代码片段使用了v-for指令在li标签内部，这同样不是标准做法，v-for应该被用在ul或ol元素上，并且内部的子元素需要有一个唯一标识符。因此，正确的做法是将v-for指令放置在ul或ol元素上，这样才...
- 通过`<img>`标签插入logo图像，并设置相应的类名。 - 示例代码片段： ```html <a href="index.html"> ``` #### 4. 登陆注册界面 - 使用HTML表单实现登陆和注册功能。 - 示例代码片段： ```html ...
<ul/> 列表标签，配合li使用 (2/3/4/...)/> 标题标签 table 表格标签 tr 行标签 td 列表签 th 标题标签 *属性： ;"> <input/> <input type=""> text 文本框 button 按钮 submit 提交按钮 ...