html中js取值

1.

<select id="nameid"><option></option></select>

中的值获取可以通过:
方式1:var name = $(“#nameid option:selected”).text();
方式2:var name = document.getElementById(“nameid”).value;

往nameid里动态增加值可以用:
$(“#nameid”).append(html);
2.
<span id="owner"></span>取值:
方式1:var owner = $(“#owner”).html();
方式2:var owner = document.getElementById(“owner”).html();
方式3:var owner=document.getElementById(“owner”).innerText;
方式4:var owner = document.getElementById(“owner”).innerHTML;

赋值可以通过:

方式1:$(“#owner”).html(“值”);
方式2:document.getElementById(“owner”).innerHTML=”值”;

3.
<input id="fromTime">的取值:
var from = $(‘#fromTime’).val();

取到某个特定的input:
$(“input[name=jizai]:eq(0)”).attr(“checked”,’checked’);

取到某个特定的radio的值:

$(‘input:radio[name=”list”]:checked’).val();

赋值:
方法1:$(‘#fromTime’).val(“值”);
方法2:document.getElementById(“fromTime”).value = userName;

4.
一个标签显与不显:
显:block 不显:none
document.getElementById(“fromTime”).style.display=”none”;

5.
给lable标签赋值:

<lable id="ttile"></lable>

document.getElementById(‘ttile’).innerText=”“;

6.
js中用instanceof来判断一个json数据的类型:
if(data instanceof Array)

7.
padding:层的边框到层的内容之间的空白
margin:层的边框以外留的空白

8.
像这样使用查找某些标签:
$(“th”, thead)

$(thead).find(“th”)

### 使用 JavaScript 获取 HTML `input` 元素的 在 JavaScript 中,可以通过多种方式来获取 HTML 页面中的 `input` 元素并读取其。 #### 方法一:通过 ID 获取单个元素 当 `input` 元素具有唯一的 ID 属性时,可以使用 `document.getElementById()` 来定位该元素,并通过 `.value` 属性访问其中的内容[^2]: ```javascript // 假设有一个带有 id="myInput" 的 input 元素 var inputElement = document.getElementById("myInput"); var inputValue = inputElement.value; console.log(inputValue); ``` 此代码片段会查找文档中拥有指定 ID (`myInput`) 的第一个匹配项,并返回它的当前给变量 `inputValue`。 #### 方法二:按标签名称获取多个相同类型的元素集合 如果页面上有多个同名的 `input` 字段,则可利用 `getElementsByName()` 函数获得这些字段组成的 NodeList 对象列表。需要注意的是这将返回一组节点而非单一对象,因此通常需要进一步索引特定位置上的项目以取得具体实例[^3]: ```javascript // 如果有若干个 name 为 "inputText" 的 input 元素 var inputsCollection = document.getElementsByName("inputText"); if (inputsCollection.length > 0){ var firstInputElementValue = inputsCollection[0].value; } ``` 这里假设至少存在一个名为 `"inputText"` 的 `input` 控件;否则尝试访问不存在的位置可能会引发错误。 #### 方法三:基于类名或其他属性筛选目标元素 除了上述两种基本途径外,还可以借助更灵活的选择器如 `querySelector()`, 它允许依据 CSS 类型表达式选取所需 DOM 节点: ```javascript // 查找 class 名称为 'special-input' 的首个 input 元素 let specialInput = document.querySelector('.special-input'); const valueOfSpecialInput = specialInput ? specialInput.value : null; // 或者使用 querySelectorAll 得到所有符合条件的对象数组 const allInputsOfClass = Array.from(document.querySelectorAll('input.special-class')); allInputsOfClass.forEach((element) => console.log(element.value)); ``` 以上展示了不同场景下如何有效地运用 JavaScript 技术从网页表单里提取数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值