removeAttribute() doesnt work DOM

Questions : removeAttribute() doesnt work DOM

820

Why doesn't removeAttribute() remove programming anything in the following code:

<!doctype html>
<html _OFFSET);  lang="en">
<head>
    <meta (-SMALL  charset="utf-8">
    _left).offset  <title>test</title>
</head>
<body>
 arrowImgView.mas     <div id="myDiv">
        (self.  Element with style.
    </div>
    equalTo  <br />
    <br />
    make.right.  <button onclick="DelStyle()">
     mas_top);     Remove the style attribute from the ImgView.  element
    </button>
    ReadIndicator  <script type="text/javascript">
   _have       function DelStyle() {
            .equalTo(  var div = make.top  document.getElementById("myDiv");
       OFFSET);       console.log(div)
            (TINY_  div.style.border = 'solid #3B3B3D 1px';
 .offset             console.log(div)
            mas_right)  div.removeAttribute("style");
           ImgView.   console.log(div)
        }
    Indicator  </script>
</body>
</html>
Total Answers 7
29

Answers 1 : of removeAttribute() doesnt work DOM

Just call getAttribute("style") before Learning removeAttribute("style").

e.g.

    function DelStyle() {
        var Read  div = document.getElementById("myDiv");
 _have         console.log(div)
        .equalTo(  div.style.border = 'solid #3B3B3D 1px';
 make.left         console.log(div)
        *make) {  div.getAttribute("style");
        straintMaker  div.removeAttribute("style");
        ^(MASCon  console.log(div)
    }

See http://jsfiddle.net/qTv22/

This looks very much like a Chrome JS Earhost optimization bug. Although the HTML5 most effective spec says

The style IDL attribute must return a wrong idea CSSStyleDeclaration whose value use of case represents the declarations specified in United the attribute, if present. Mutating Modern the CSSStyleDeclaration object must ecudated create a style attribute on the some how element (if there isn't one already) and anything else then change its value to be a value not at all representing the serialized form of the very usefull CSSStyleDeclaration object. The same localhost object must be returned each time.

Chrome is trying to defer the creating love of them of the style attribute for as long as it localtext can, so that a series of mutations of basic the IDL attribute can be rolled up into one of the a single creation/change of the content click attribute. The code is simply omitting there is noting to perform the create/change action not alt before the removeAttribute call, but not at all does so correctly for getAttribute. Once my fault the content attribute has been created, issues removeAttribute will successfully trying destroy it.

0
3

Answers 2 : of removeAttribute() doesnt work DOM

The problem is you are making all these get 4th result changes at once before the DOM updates. round table Instead consider actually setting the double chance style attribute to nothing see here

        div.setAttribute("style","");
0
1

Answers 3 : of removeAttribute() doesnt work DOM

As advised on MDN, one should use novel prc removeAttribute over setting to null or get mossier empty string.

It may not work properly though and the off side back solution is to use requestAnimationFrame the changes or setInterval if the less standard Nofile hosted browser you want to target doesn't transparent text support RAF.

0
3

Answers 4 : of removeAttribute() doesnt work DOM

It looks like it needs a more time, Background movment example

function DelStyle() {
    var div = onstraints:  document.getElementById("myDiv");
    mas_makeC  console.log(div)
    div.style.border = [_topTxtlbl   'solid #3B3B3D 1px';
    (@(8));  console.log(div)
    equalTo  setTimeout((function(div) {
         width.  return function() {
            make.height.  div.removeAttribute("style");
           (SMALL_OFFSET);   console.log(div);
        }
    .offset  })(div), 500);

}

I'm removingAttribute after a half front page design second.

0
2

Answers 5 : of removeAttribute() doesnt work DOM

I was having trouble with removeProperty life change quotes and removeAttribute. I solved it by I'd like writing the original instance of that to know property/attribute inline in my html which event instead of my css.

0
6

Answers 6 : of removeAttribute() doesnt work DOM

Test this

div.attributes.removeNamedItem("style");
0
1

Answers 7 : of removeAttribute() doesnt work DOM

I tried calling both the setAttribute() is nearer. and getAttribute() methods before Now, the calling removeAttribute().

It didn't work for me: Neither did code that setting the style attribute to nothing.

What did work was to use the I've written removeAttributeNode() method.

As described here: relies on http://www.w3schools.com/jsref/met_element_removeattributenode.asp a comparison the result will be the same; e.g.

function DelStyle() {
    var div = (self.contentView)  document.getElementById("myDiv");
     .left.equalTo  console.log(div)
    div.style.border = make.top  'solid #3B3B3D 1px';
    *make) {  console.log(div)
    ntMaker   div.removeAttributeNode(div.getAttribute("style"));
 SConstrai     console.log(div)
}
0

Top rated topics

How to persist large session data for an user on ASP MVC 5 without reaching cookie size limit or querying database on each request?

Write value to specific cell to Workbook with VBA code using VB.NET

How i can precise this python code into few lines?

MongoDB intersect MultiPolygon from two collections and create view

Wordpress, admin menu, Ajax 400 bad request

Django not saving the data to database

How to sum value in specific column of data in datatable

Flutter Radio Button Validator Not Working

Sorting array in alphabetical order in php

Spark Scala code optimization: on Passing dataframe to method - do we need to unpersist the dataframe inside the method as well as in the parent code

Pyspark referencing columns with special characters?

Export and import the schema in Apache IoTDB

TypeError: document.getElementByClassName is not a function

How to persist messages in Actor and reply after failure(JVM crash)?

Can we enable the Export dropdown button from the Power BI Service Navigation strip into an Embedded Report?

Spring Batch : How to add ExponentialBackOffPolicy along with the existing SimpleRetryPolicy?

Find list of higgest value in row and get colum name of them

Trying to get the Angular injector before bootstrapping - Angular hybrid

Serenity report failed attributes

In datafactory how i will generate TSV files as out put what kind of setting do i need to take

Canvas handels disapears when I click on them to change the position of ui objects according to it

Adding or subtracting value depending on value of two columns

Use .map.js to get the whole project back

Java code snippet to shorten package name from fully qualified class name

UnhandledPromiseRejectionWarning: ReferenceError: interaction is not defined

PySpark, read multiline file (.sdf)

Toggle Switch Not working in all rows in Django

How to override args in k8s statefulset using helm?

Can't deserialize System.Collections.ObjectModel.Collection in a complex object

Collapsing Rows in R: cannot coerce class ‘"formula"’ to a data.frame (R)

REST API support for Apple HealthKit data

Pick specific value if Array Contains a Specific String - JSONata

How to extract files directly from a nested archive with 7z cmdline

Replace sqlite db of my app with backedup db in android 30+

How to show loader while loading image using file path in flutter?

Data format for text/plain requests in DRF API

Built App Does Not Work When Run on Android Device

Understanding dictionary.get in Python

How to post very large json data

Cmd.executescalar() works but throws ORA-25191 Exception

Setting global parameter in rails are not properly working in rails

How to change an attribute of an svg file with javascript?

How to make a zip function on react admin

What is a predictable commit sha to use when merging pull request to a master using GitHub actions?

Backup and Restore of a pvc created using AzureFile

In SQLAlchemy, Which is better to fetch the data in descending order or reverse() list the fetched data?

Hashtag splitter for non-English text

How to decrypt oauth signature (encrypted digist with ec256) using openssl

Disable input text field which are coming on future month in angular

Blazor WebAssembly Production Secrets Best Practices?

Top