input 标签val有值取不到

可以取到的，需要看你的使用方法是否正确。

jquery取值方法为val，原生js取值方法为直接获取属性value值。

如果在还没有赋值的情况下，是取不到值的，具体需要看你的代码。

感谢您的提问。根据您的问题，我了解到您想了解如何在el-button组件中添加原生方法。以下是我为您提供的解答：

在el-button组件中添加原生方法的方法与在普通HTML元素中添加原生方法类似。可以通过获取el-button组件的DOM元素，然后在其上添加事件监听器的方式来实现。具体步骤如下：

1 使用ref属性获取el-button组件的DOM元素，例如：

```

<el-button ref="myButton">按钮</el-button>

```

2 在Vue组件的mounted生命周期函数中获取DOM元素，并为其添加事件监听器，例如：

```

mounted() {

const buttonElement = this$refsmyButton$el; // 获取DOM元素

buttonElementaddEventListener('click', thishandleClick); // 添加事件监听器

},

methods: {

handleClick() {

// 在这里编写原生方法的代码逻辑

}

}

```

3 在Vue组件的beforeDestroy生命周期函数中移除事件监听器，以避免内存泄漏，例如：

```

beforeDestroy() {

const buttonElement = this$refsmyButton$el; // 获取DOM元素

buttonElementremoveEventListener('click', thishandleClick); // 移除事件监听器

}

```

以上就是在el-button组件中添加原生方法的方法。需要注意的是，在添加事件监听器时，需要使用addEventListener方法，并指定事件类型和事件处理函数。在移除事件监听器时，需要使用removeEventListener方法，并指定相同的事件类型和事件处理函数。希望我的回答能够对您有所帮助，如有其他问题，请随时向我提问。

# coding:utf-8

from seleniumimport webdriver

from seleniumwebdriversupportwaitimport WebDriverWait

from seleniumwebdriversupportimport expected_conditionsas EC

from seleniumwebdrivercommonbyimport By

from seleniumwebdrivercommonaction_chainsimport ActionChains

from seleniumwebdriversupportselectimport Select

# By的用法

# driverfind_element("id", "kw")

# driverfind_element(ByID, "kw")

class Base():

'''基于原生的selenium做二次封装'''

    def __init__(self, driver):

selfdriver = driver

selftimeout =10

        selft =05

    def findElement(self, locator, value=''):

'''定位元素，返回元素对象，10s钟没定位到，Timeout异常，locator传元组'''

        if not isinstance(locator, tuple):

print("locator的参数类型错误，必须穿元组类型，如：（'id', 'kw'）")

else:

print("正在定位元素，定位方式为→{0}，定位元素为→{1}"format(locator[0], locator[1]))

if value !='':# value 值定位

                ele = WebDriverWait(selfdriver, selftimeout, selft)until(

ECtext_to_be_present_in_element_value(locator, value))

return ele

else:# 默认为此方法常规定位

                try:

ele = WebDriverWait(selfdriver, selftimeout, selft)until(

ECpresence_of_element_located(locator))

return ele

except:

print("定位失败，定位方式为→{0}，定位元素为→{1}"format(locator[0], locator[1]))

return []

def findElements(self, locator, value=''):

'''定位元素，返回元素对象，10s钟没定位到，Timeout异常，locator传元组'''

        if not isinstance(locator, tuple):

print("locator的参数类型错误，必须穿元组类型，如：（'id', 'kw'）")

else:

print("正在定位元素，定位方式为→{0}，定位元素为→{1}"format(locator[0], locator[1]))

if value !='':# value 值定位

                eles = WebDriverWait(selfdriver, selftimeout, selft)until(

ECtext_to_be_present_in_element_value(locator, value))

return eles

else:# 默认为此方法常规定位

                try:

eles = WebDriverWait(selfdriver, selftimeout, selft)until(

ECpresence_of_all_elements_located(locator))

return eles

except:

print("定位失败，定位方式为→{0}，定位元素为→{1}"format(locator[0], locator[1]))

return []

def sendKeys(self, locator, text=''):

try:

selffindElement(locator)send_keys(text)

except:

print("text:%s输入错误" % text)

def click(self, locator):

try:

selffindElement(locator)click()

except:

print("点击失败")

def clear(self, locator):

try:

selffindElement(locator)clear()

except:

print("清空内容失败")

def isSelected(self, locator, Type=''):

''' 判断元素是否被选中，返回bool值 及点（选中/取消选中）'''

        ele =selffind(locator)

try:

if Type =='':# 如果type参数为空，返回元素是否为选中状态，True/False (默认)

                r = eleis_selected()

return r

elif Type =='click':# 如果type参数为click，执行元素的点击 *** 作

                eleclick()

else:

print("type参数 {0} 错误，仅可为click或"format(Type))

except:

return False

    def isElementExist(self, locator):

'''判断单个元素是否在DOM（元素树）里面'''

        try:

selffindElement(locator)

return True

        except:

return False

    def is_title(self, title=''):

'''判断当前页面title是否为title，返回bool值'''

        try:

result = WebDriverWait(selfdriver, selftimeout, selft)until(ECtitle_is(title))

return result

except:

return False

    def is_title_contains(self, title=''):

'''判断当前页面title名是否含有title，返回bool值'''

        try:

result = WebDriverWait(selfdriver, selftimeout, selft)until(ECtitle_contains(title))

return result

except:

return False

    def is_text_in_element(self, locator, text=''):

'''判断当前获取到的text含text，返回bool值'''

        try:

result = WebDriverWait(selfdriver, selftimeout, selft)until(

ECtext_to_be_present_in_element(locator, text))

return result

except:

return False

    def is_value_in_element(self, locator, _value=''):

'''返回bool值, value为空字符串，返回False'''

        if not isinstance(locator, tuple):

print('locator参数类型错误，必须传元祖类型：loc = ("id", "value1")')

try:

result = WebDriverWait(selfdriver, selftimeout, selft)until(

ECtext_to_be_present_in_element_value(locator, _value))

return result

except:

return False

    def get_title(self):

'''获取title'''

        return selfdrivertitle

def get_text(self, locator):

'''获取文本'''

        try:

result =selffindElement(locator)text

return result

except:

print("获取text失败")

return ""

    def get_attribute(self, locator, name):

'''获取属性'''

        try:

element =selffindElement(locator)

return elementget_attribute(name)

except:

print("获取%s属性失败" % name)

return ""

    def select_by_index(self, locator, index=0):

'''通过索引,index是索引第几个，从0开始，默认选第一个'''

        element =selffind(locator)# 定位select这一栏

        Select(element)select_by_index(index)

def select_by_value(self, locator, value):

'''通过value属性'''

        element =selffind(locator)

Select(element)select_by_value(value)

def select_by_text(self, locator, text):

'''通过文本值定位'''

        element =selffind(locator)

Select(element)select_by_visible_text(text)

# 这里只写了几种方法，后续有需要用到的定位方法或者 *** 作，可以继续封装起来然后调用

if __name__ =='__main__':

driver = webdriverChrome()

web = Base(driver)

driverget(">

如何获取html控件自定义属性值

HTML代码：

<input type="text" name="s01" data="自定义数据信息" />

JavaScript代码：

因为data不是input标签原生的属性，所以不能使用"点" *** 作。

非标准属性，要用：objgetAttribute("data");的方式。

错误的用法：var data = objdata;

var data = documentgetElementsByName("s01")[0]getAttribute('data');

自定义属性是比较好用的，尤其是表单中用来存放数据信息。

浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。

写一个js获取userAgent属性的html文件，文件内容如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script>

alert(windownavigatoruserAgent);

</script>

</head>

<body>

<h1>测试浏览器类型</h1>

</body>

</html>

Chrome对应userAgent信息：

Chrome/后面紧跟的380数字串为当前浏览器版本

FF对应userAgent信息

Firefox/后面紧跟的330为当前FF版本

IE对应userAgent信息；其中MSIE后面的数字代表当前版本，如图：笔者所有为ie90

另外， 只有IE支持创建ActiveX控件，因此她有一个其他浏览器没有的东西，就是ActiveXObject函数。只要判断window对象存在 ActiveXObject函数，就可以明确判断出当前浏览器是IE。

Opera对应userAgent信息：

OPR/后面紧跟的250数字串为当前Opera浏览器版本

Safari对应userAgent信息

Version/后面紧跟的517为Safari浏览器当前版本

HTML5新增自定义属性的特性,在HTML代码中,我们可以在标签上直接定义自定义属性,自定义属性命要以'data-'开头

<p data-hello="这是自定义属性的值">呵呵呵呵</p>

我们可以使用原生JS获取到自定义属性的值

let p = documentquerySelector('p')

consolelog(pdatasethello) //这是自定义属性的值

也可以通过jquery获取自定义属性的值

$('p')data('hello') //这是自定义属性的值

当然,也可以通过传统的方法来获取自定义属性的值

let p = documentquerySelector('p')

pgetAttribute('data-hello');

psetAttribute('data-hello','这是重新赋值')

//jquery

$('p')attr('data-hello')  //获取

$('p')attr('data-hello','设置')  //设置

在jQuery输入元素表达式属性名即可得到。

如：

1$("#textId")attr("width")是获取Id为textId的控件的width属性。

2$("className")attr("width")是获取包含class名为className的控件的width属性。

3$("[name=textName]")attr("width")是获取name为textName的控件的width属性。

但要注意，jquery取到的可能是一个数组，如果确定属性为同一值，则没问题，否则应该循环取得控件，再取属性值。如：$("#textId")[0]width是取第一个控件的width属性。但也有写属性用attr取不到，也需要用角标的方式取得控件后再取属性。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

包括我自己在内（其实我也就这两天才知道这样可以快速获取的），很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢？ 原生DOM中获取和设置html元素的outerHTML大家都很熟悉： // 原生DOM获取outerHTML alert('原生DOM获取outerHTML'); alert(documentgetElementById('lz66303')outerHTML); // 原生DOM设置outerHTML alert('原生DOM设置outerHTML'); documentgetElementById('lz66303')outerHTML = '<textarea id="lz66303"><hr>原生DOM设置outerHTML</textarea>'; 当然在jQuery中我们可以用prop()方法来获取和设置html元素的outerHTML，在网上若搜索jQuery获取outerHTML竟然还有人写出函数来了，可悲！——jQuery自带的方法不知还自以为自己写个函数这种方法是什么好的解决方案。 当你看到本文时，请转给更多还在用自定义函数获取outerHTML的jQuery使用者——我这个经验就没白分享了！ 其实就这么简单： // 成功获取到 alert('jQueryprop()获取outerHTML'); alert($('textarea')prop('outerHTML')); // 成功设置，已生效 alert('jQueryprop()设置outerHTML'); $('textarea')prop('outerHTML', '<input>');

以上就是关于input 标签val有值取不到全部的内容，包括:input 标签val有值取不到、el-button添加原生方法、selenium基于原生第二次封装等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！