Question

是否可以更改元素的属性type？对此我的头脑 - 我所能找到的是如何更改属性的value。

我想在上面的元素上将href更改为src。我有一个脚本将元素类型更改为移动设备的iframe，我需要该属性为src类型才能使其工作。

<a class="colorbox cboxElement" href="http://example.com">Diablo</a>

这可能吗？

Answer 1

使用removeAttr()方法删除属性，使用attr()方法设置属性。

command.CommandText = @"UPDATE TimeinTimeout 
                        SET HoursWorked = @1-[InTime],
                        OutTime = @2
                        WHERE EmployeeID = @3 AND InDate = @4";

command.Parameters.Add("@1", OleDbType.Date).Value = DateTime.Now;
command.Parameters.Add("@2", OleDbType.Date).Value = DateTime.Now;
// Is this field really a string? 
// If not use the appropriate type and convert the textbox.text
command.Parameters.Add("@3", OleDbType.VarWChar).Value = textBox1.Text;
command.Parameters.Add("@4", OleDbType.Date) = DateTime.Today;
command.ExecuteNonQuery();

$('.colorbox').attr('src', function() {
  return $(this).attr('href');
}).removeAttr('href');

使用纯Javascript使用Element#setAttribute方法设置属性，您可以使用Element#getAttribute方法获取属性值，并使用Element#removeAttribute方法删除属性。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="colorbox cboxElement" href="http://example.com">Diablo</a>

var ele = document.querySelector('.colorbox');
ele.setAttribute('src', ele.getAttribute('href'));
ele.removeAttribute('href');

FYI： jQuery方法适用于多个元素，在Javascript中，您需要遍历元素集合以更新多个元素。

例如：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="colorbox cboxElement" href="http://example.com">Diablo</a>

Answer 2

是的，您可以更改任何属性。

使用：

element.setAttribute(attribute_name, attribute_value)

并获取属性使用的值

element.getAttribute(attribute_name)

请注意，并非每个属性都会对元素产生影响。例如，在输入元素上设置类型属性将创建给定类型的输入，但在 span 上设置它不会做任何事情。

如果您想在属性中保留一些数据信息，我建议您使用dataset API

Answer 3

如果您只想使用javascript，则可以使用08获取该属性，使用getAttribute设置新属性，并使用setAttribute删除旧属性。

＆＃13;

removeAttribute

＆＃13;

var tag = document.getElementsByClassName('cboxElement')[0];
tag.setAttribute('src', tag.getAttribute('href'));
tag.removeAttribute('href');

＆＃13;

更改属性类型

3 个答案: