求助：如何用XPath或CSS选择器提取指定input的maxlength属性值

你的问题出在CSS选择器的写法上啦——你写的#qtyMainItems .maxlength是试图匹配id为qtyMainItems元素下class为maxlength的子元素，但这里的maxlength是input的属性，不是class，所以这个选择器完全找不到目标内容。另外，.value()一般是用来获取输入框的value属性值，不是maxlength的哦。

下面给你几种正确的实现方式，根据你使用的工具不同可以灵活选择：

一、CSS选择器方案 #

首先用CSS选择器定位到目标input元素（因为它有唯一idqtyMainItems，用id选择器最精准），再获取它的maxlength属性：

1. 在原生JavaScript中 #

// 定位input元素
const qtyInput = document.querySelector('#qtyMainItems');
// 方式1：用getAttribute获取属性值
const maxLength = qtyInput.getAttribute('maxlength');
// 方式2：直接访问DOM元素的标准属性（注意这里是驼峰命名maxLength）
const maxLength = qtyInput.maxLength;

2. 在Python的BeautifulSoup中 #

from bs4 import BeautifulSoup

# 你的HTML内容
html_content = '''<div class="qty-box" data-reactid=".8.0.0"><input class="qty-box-input" id="qtyMainItems" title="quantity box" type="text" value="1" maxlength="3" data-reactid=".8.0.0.0" style=""><button type="button">...</button></div>'''
soup = BeautifulSoup(html_content, 'html.parser')

# 定位元素并获取属性
qty_input = soup.select_one('#qtyMainItems')
max_length_value = qty_input.get('maxlength')

3. 在Selenium中 #

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
# 定位元素
qty_input = driver.find_element(By.ID, 'qtyMainItems')
# 获取maxlength属性值
max_length_value = qty_input.get_attribute('maxlength')

二、XPath方案 #

如果想用XPath，也有两种思路：

1. 直接用XPath表达式获取属性值 #

这个表达式会直接返回maxlength的属性值：

//input[@id='qtyMainItems']/@maxlength

2. 先定位元素再取属性（以Selenium为例） #

max_length_value = driver.find_element(By.XPATH, "//input[@id='qtyMainItems']").get_attribute('maxlength')

核心总结一下：

• 区分开属性和class：class是元素的class属性值，用.前缀；而其他属性要用[属性名]的形式，不过这里因为有唯一id，直接用id选择器最省心。
• 获取属性值要使用对应工具的属性获取方法，比如getAttribute()、.get()等，不要混淆成获取输入框内容的.value()。

内容的提问来源于stack exchange，提问作者M.Naveed